在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中改變同級元素的風格

回答

相關問題