zoukankan html css js c++ java

js 获取元素的几种方法

获取元素/节点/标签的几点方法

getElementById

getElementsByTagName

getElementsByName

getByClass √ // 现在通过class 也可以查找节点

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>getByClasss</title>
<script type="text/javascript">
function getByClass(oParent, aClass)
{
    var aEle=oParent.getElementsByTagName('*');
    var arr=[];
    for(var i=0;i<aEle.length;i++)
    {
        if(aEle[i].className==aClass)
        {
            arr.push(aEle[i]);
        }
    }
    return arr;
}
window.onload=function()
{
    var oUl=document.getElementById('ul1');
    var aBox=getByClass(oUl, 'box');
    for(var i=0;i<aBox.length;i++)
    {
        aBox[i].style.background="red";
    }
}
</script>
</head>

<body>
<ul id="ul1">
    <li></li>
    <li class="box">a</li>
    <li></li>
    <li></li>
    <li class="box">a</li>
    <li></li>
</ul>
</body>
</html>

Hello Javascript!

查看全文

相关阅读:
Desert King
Dropping tests
01分数规划小结
 简单的数学题
 [HAOI2016]放棋子
 [SDOI2017]数字表格
 诸侯放置
 LJJ爱数数
 车的放置
 [SDOI2014]数表

原文地址：https://www.cnblogs.com/chenyajie/p/2932288.html