Question

我正在尝试通过li上的onclick事件获取div，但是它不起作用，因此请给出有用的答案。我的代码如下：

<script>
 function myFunction(){
 var x=document.get.ElementById('demo'){
 if(x.style.display==='none'){
 x.style.display='block';
 }
 else{
 x.style.display='none';
}
}
</script>

html部分如下

<ul>
<li onclick="myFunction()"> THIS IS DEMO</li>
 </ul>
<div class="demo"></div>

Answer 1

尝试一下：

<!DOCTYPE html>
<html>

<head>
<title>Untitled</title>
<script>
 function myFunction(){
    var x=document.getElementsByClassName('demo')[0];
    if(x.style.display==='none'){
       x.style.display='block';
    }else{
       x.style.display='none';
    }
}
</script>
</head>

<body>
 <ul>
<li onclick="myFunction()"> THIS IS DEMO</li>
 </ul>
<div class="demo">Demo</div>
</body>

</html>

您必须使用“ getElementsByClassName”，而不是“ getElementById”。当您通过className获取元素时，它将返回一个数组，因此您必须在末尾添加[0]。

Onclick获取除法

1 个答案: