UC知道js改变css的问题
来源：百度知道 编辑：UC知道 时间：2024/06/18 00:09:55
<div id=menu>
<ul id="nav">
<li><a href="#">aaa</a>
<ul>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
<li><a href="#">ddd</a></li>
<li><a href="#">eee</a></li>
<li><a href="#">fff</a></li>
</ul>
</li>
</div>
如何通过JS，让第二个UL的left为document.body.clientWidth-800)/2
麻烦你了，有很多个<ul id="innerNav">怎么办？
<ul id="nav">
<li><a href="#">aaa</a>
<ul>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
<li><a href="#">ddd</a></li>
<li><a href="#">eee</a></li>
<li><a href="#">fff</a></li>
</ul>
</li>
</div>
如何通过JS，让第二个UL的left为document.body.clientWidth-800)/2
麻烦你了，有很多个<ul id="innerNav">怎么办？
<div id=menu>
首先要给第二个ul定义一个id
<ul id="nav">
<li><a href="#">aaa</a>
<ul id="innerNav">
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
<li><a href="#">ddd</a></li>
<li><a href="#">eee</a></li>
<li><a href="#">fff</a></li>
</ul>
</li>
</ul>/*你这里少了一个结束的ul*/
</div>
然后在你javascript的相关方法中执行
document.getElementById('innerNav').style.left=document.body.clientWidth-800)/2;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&