यह काम करता है ... लेकिन मैं डिफ़ॉल्ट को छुपा में बदलना चाहता हूं। छिपे हुए पाठ को दिखाने के लिए पहली बार क्लिक करें

<script>
function displayRow(itemID){
    if ((document.getElementById(itemID).style.display == 'block')) {
        document.getElementById(itemID).style.display = 'display';
    } else { 
        document.getElementById(itemID).style.display = 'display'; 
    }
}
</script>

<button onclick="displayRow('1')">Show/Hidden text</button>
2
Roberto Heringer 29 अक्टूबर 2019, 17:40

2 जवाब

सबसे बढ़िया उत्तर
function displayRow(itemID){
    if ((document.getElementById(itemID).style.display == 'none')) {
        document.getElementById(itemID).style.display = 'block';
    } else { 
        document.getElementById(itemID).style.display = 'none'; 
    }
}
<table>
<tr style="display:none" id="1">
<td>Test</td>
</tr>
</table>
<button onclick="displayRow('1')">Show/Hidden text</button>

"हिडन" के बजाय "कोई नहीं" का उपयोग करें, और स्टाइल = "डिस्प्ले: कोई नहीं" को उस तत्व पर रखें जो डिफ़ॉल्ट रूप से छिपाना चाहता है

0
David 29 अक्टूबर 2019, 14:51
function displayRow(itemID){
  if (document.getElementById(itemID).style.display == 'block') {
    document.getElementById(itemID).style.display = 'none';
  } else { 
    document.getElementById(itemID).style.display = 'block'; 
  }
}
0
Cortez90 29 अक्टूबर 2019, 14:47