在javascript中改变同级元素的风格

为什么在点击第一个div之后，在同一级别（兄弟姐妹？）中的下一个元素不会按照以下指示在javascript中改变其样式？在点击第一个元素后，显示：无应该在样式中消失。由于事先在javascript中改变同级元素的风格

<div id="y" style="width: 75%; left: 146px; onclick=" function1() "; "> 
 
    par1 
 
</div> 
 
<ul id="x" style="width: 75%; left: 146px; display: none;"> 
 
    par2 
 
</ul> 
 

 
<script type="text/javascript"> 
 
    function function1() { 
 
    event.srcElement.nextElementSibling.style.display = ""; 
 
    } 
 
</script>

来源

2017-04-12 Anna Hmd

首先，你已经错过了一个双引号，所以onclick属性没有被正确地解释。其次，一旦解决了问题，您应该设置display为block，而不是空字符串，以使该元素可见。试试这个：

<div id="y" style="width: 75%; left: 146px;" onclick="function1()"> 
 
    par1 
 
</div> 
 
<ul id="x" style="width: 75%; left: 146px; display: none;"> 
 
    par2 
 
</ul> 
 

 
<script type="text/javascript"> 
 
    function function1() { 
 
    console.log(event); 
 
    event.srcElement.nextElementSibling.style.display = "block"; 
 
    } 
 
</script>

来源

2017-04-12 14:07:45

因为你有语法错误，这里的修复：

<div id="y" style="width: 75%; left: 146px;" onclick="function1();">

你失踪clossing在你的onclick属性从您的样式属性的报价和一个额外的报价

来源

2017-04-12 14:07:53 Lixus

在javascript中改变同级元素的风格

回答

相关问题