js查找标签的方法-前端ABC

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>DOM对象</title>
</head>
<body>
    <div id="a">hello!</div>
    <div class="f_l">我要向左浮动</div>
    <div class="f_r">我要向右浮动</div>
    <div name="b">我是name为b的div</div>
    <div name="b">我是bv</div>
</body>
<script type="text/javascript">
    var d1 = document.getElementById("a");    //通过id号查找标签
    console.log(d1.innerHTML);
    var d2 = document.getElementsByTagName("div");     //通过标签名查找标签，所有查找到的标签为一个集合
    console.log(d2[3].innerHTML);                      //必须按照获取集合内容的方法获取
    var d3= document.getElementsByName("b");            //通过name方法查找标签
    console.log(d3[1].innerHTML);
    var d4 = document.getElementsByClassName("f_l");        //通过类名查找标签
    console.log(d4[0].innerHTML);
</script>
</html>

欢迎分享本文，转载请保留出处：前端ABC » js查找标签的方法

js查找标签的方法

相关推荐

发表评论 0