2017-04-12 20 views
0

最初のdivをクリックした後、同じレベル(兄弟?)の行の次の要素は、javascriptで以下のようにスタイルが変更されません。 display:noneは、最初の要素をクリックした後にスタイルで消えるはずです。事前に おかげ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>

答えて

1

は、まず、あなたは二重引用符を逃したので、onclick属性が正しく解釈されていません。第二に、それが修正されたら、要素を表示させるために、空の文字列ではなくdisplayblockに設定する必要があります。これを試してみてください:

<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>

1

あなたは構文エラーがあるためには、ここで修正です:

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

あなたのonclickのプロパティで、あなたのスタイルプロパティからの引用と、余分な引用符をclossing欠落していました

関連する問題