一个<li>可以document.getElementById("")控制，多了怎么处理呢
日期：2014-05-16 浏览次数：20365 次
一个<li>可以document.getElementById("")控制，多了怎么办呢？
使用div 中，我想要 li 中当鼠标移过是变色，鼠标移开变回原色
当使用一个时，可以用id 来控制，可是当很多的时候，该怎么解决呢？
我尝试的代码：
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" >
function mouseOver()
{
document.getElementById("testid").style.color="#ff00cc";
document.getElementById("testid").style.backgroundColor="blue";
}
function mouseOut()
{
document.getElementById("testid").style.color="white";
document.getElementById("testid").style.backgroundColor="green";
}
</script>
</head>
<body style="background-image:url(images/linux.png)">
<div class="topdiv">
<p> Mutou's Blog<p>
</div>
<div class="navigation" >
<ul >
<li class="onmove" onmouseover="mouseOver() " onmouseout="mouseOut()">首页</li>
<li class="onmove" > 日记</li>
<li class="onmove" > 相册</li>
<li class="onmove" > 音乐</li>
<li class="onmove" > 英语</li>
<li class="onmove" > 关于我</li>
</ul>
</div>
<div class="middiv" > </div>
</body>
</html>
------解决方案--------------------
getElementsByTagName
getElementByClass
------解决方案--------------------
一个页面id只能是唯一的一个 相同多的用class去定义
使用div 中，我想要 li 中当鼠标移过是变色，鼠标移开变回原色
当使用一个时，可以用id 来控制，可是当很多的时候，该怎么解决呢？
我尝试的代码：
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" >
function mouseOver()
{
document.getElementById("testid").style.color="#ff00cc";
document.getElementById("testid").style.backgroundColor="blue";
}
function mouseOut()
{
document.getElementById("testid").style.color="white";
document.getElementById("testid").style.backgroundColor="green";
}
</script>
</head>
<body style="background-image:url(images/linux.png)">
<div class="topdiv">
<p> Mutou's Blog<p>
</div>
<div class="navigation" >
<ul >
<li class="onmove" onmouseover="mouseOver() " onmouseout="mouseOut()">首页</li>
<li class="onmove" > 日记</li>
<li class="onmove" > 相册</li>
<li class="onmove" > 音乐</li>
<li class="onmove" > 英语</li>
<li class="onmove" > 关于我</li>
</ul>
</div>
<div class="middiv" > </div>
</body>
</html>
------解决方案--------------------
getElementsByTagName
getElementByClass
------解决方案--------------------
一个页面id只能是唯一的一个 相同多的用class去定义
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
