代码写没有问题,为什么不能运行!

<!DOCTYPE html>
<html>
<head>
<title>example</title>

<script>

var toggleHidden=function(){

var elem= document.getElementById('toggle');
if(elem.hasAttribute("hidden")){
  elem.removeAttribute("hidden")
}else{
   elem.setAttribute("hidden","hidden");
}

}
</script>
</head>
<body>

<button onclick="toggleHidden()">toggle</button>
<table>
<tr><th>Name</th> <th>City</th></tr>
<tr id="toggle" hidden=""><td>Kevin</td><td>Shijiazhuang</td></tr>
<tr><td>Kevin</td><td>Shijiazhuang</td></tr>



</table>

</body>

</html>

阅读 2.1k
3 个回答

1、body闭合标签下面多了个 ‘<’;
2、<button onclick="toggleHidden()">toggle</button>
3、var elem= documet.getElementById('toggle');document???

document和getElementById这两个拼错了,另外onclick="toggleHidden()"这样写

首先应该这样写,需要加括号

<button onclick="toggleHidden()">toggle</button>

其次有拼写错误,正确代码如下

var elem = document.getElementById('toggle');
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题