js控制li背景色[超越CSS]

最新推荐文章于 2021-06-08 10:29:03 发布

m1maomao

最新推荐文章于 2021-06-08 10:29:03 发布

阅读量142

点赞数

分类专栏： Javascript 文章标签： CSS JavaScript XHTML HTML ViewUI

本文链接：https://blog.csdn.net/m1maomao/article/details/83423516

版权

Javascript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
</head>
<body>
<ul id="css">
    <li>文字</li>
    <li>文字</li>
    <li>文字</li>
    <li>文字</li>
    <li>文字</li>
    <li>文字</li>
    <li>文字</li>
</ul>
<script type="text/javascript">
    var idtest = document.getElementById("css").getElementsByTagName("li");
    //alert(idtest.length);
    for (i = 0; i < idtest.length; i++) {
        idtest .onmouseover = function() {
            this.style.background = "#cccccc";
        }
        idtest.onmouseout = function() {
            this.style.background = "#ffffff";
        }
    }
</script>
</body>
</html>