2

このスレッドを開いて、JavaScript について助けを求めます。

私のウェブサイトは縦に 4 つの主要な div に分かれています。

<div id="homepage"> Content </ div>
<div id="page1"> Content </ div>
<div id="page2"> Content </ div>
<div id="page3"> Content </ div>
<div id="page4"> Content </ div>

ページの右側にナビゲーション メニューがあり、div 位置: 固定。

<div id="nav">
<ul>
<li> <a href="#homepage"> Homepage </ a> </ li>
<li> <a href="#page1"> Page1 </ a> </ li>
<li> <a href="#page2"> Page2 </ a> </ li>
<li> <a href="#page3"> Page3 </ a> </ li>
<li> <a href="#page4"> page4 </ a> </ li>
</ ul>
</ div>

div コンテナー (page1 または page2 など) にいるときに、クラスに対応するメニュー項目に追加されることを願っています。

そして 'javascriptでこれを行うことは可能ですか? 前もって感謝します

4

2 に答える 2

6

属性の設定にはノード ツリーを使用します。私が意味したのは

var node = document.getElementById("dividname").getElementsByTagName("li")[i];
node.setAttribute("class", "classname");

クラスを削除するには、値なしで上記を使用します

node.setAttribute("class", "");
于 2012-04-22T21:10:07.333 に答える
3

私の頭に浮かぶjqueryの最も簡単な解決策は次のようなものです:

$('.menu-link').click(function(){
 var divId = $(this).attr("href");
 $('.page-div').removeClass("special-class");
 $(divId).addClass("special-class");
});

.menu-linkこれは<a>内部のクラスで<li>あり、.page-dividsなどの div のクラスであることに注意してください。page1page2

于 2012-04-22T21:12:16.753 に答える