gizli bileşenin nasıl gösterileceği js

Question

kodun neden çalışmadığını anlayamıyorum.

Html Yapısı:

<p id="myP0" hidden> 
    This paragraph should be hidden.</p> 
<p>This is a visible paragraph.</p> 
<p><b>Note:</b> The hidden attribute is not supported in IE10 or earlier versions.</p> 
<input type="button" onclick="demoDisplay()" value="show"> 

JavaScript:

function demoDisplay() { 
    document.getElementById("myP0").style.display = "visible"; 
} 

öneri memnuniyetle karşılanacaktır. senin demoDisplay şimdi değil küresel kapsamda bu nedenle onload fonksiyonu sarılmış ve çünkü

Answer 1

ilk sorun keman olduğunu, JavaScript onload çalıştırmak için yapılandırılmış, bu bir sorundur. Satır içi onclick numaralı telefondan aradığınız her şeyin global kapsamda olması gerekir. Üstbilgi veya gövdede çalıştırmak için keman yapılandırmasını değiştirin (sarma yok).

İkinci sorun visibledisplay özelliğinin olası bir değeri değil. Bunu block olarak değiştirin ve kodunuz çalışacaktır.

Updated fiddle. . ** ya da çalışmaz;

document.getElementById("myP0").style.display = "block";