HTML中show()不起作用

html-css023

HTML中show()不起作用,第1张

因为你的代码有问题：

hidden()方法里面的document.getElementById(“myTable”).style.display ="none"是中文引号；

hidden是Windows保留关键字，不能用作方法名，改一下就可以了。

另外提点建议：js代码最好放在组件的后面

<html>

<body>

<input type="button" name="button" value="显示" onclick="show()">

<input type="button" name="button" value="隐藏" onclick="hiddenn()">

<div id="myTable" style="display: none">

<input type="text">

</div>

<script type="text/javascript">

function show() {

document.getElementById("myTable").style.display = "block"

}

function hiddenn() {

document.getElementById("myTable").style.display = "none"

}

</script>

</body>

</html>

这是JQuery。

$('#wait_pls')：查找出id值为wait_pls的对象

show()是将查找出的对象显示出来，如果该对象为隐藏对象，将其显示；如果该对象为显示对象，则无任何效果。