HTML中show()不起作用

html-css010

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()是将查找出的对象显示出来,如果该对象为隐藏对象,将其显示;如果该对象为显示对象,则无任何效果。