JS获取标签内容

我们可以通过javaScript脚本语言获取标签的内容，我们可以通过document对象的getElementById()方法和getElementsByTagName()方法来获取。
使用 getElementById()方法。

<div class="div" id="div" style="color: #2635a1">
    div
</div>
<script>
    var div = document.getElementById("div");   
    console.log(div);
</script>

image.png

使用getElementsByTagName()方法。

<div class="div" id="div" style="color: #2635a1">
            div
    </div>
    <ul class="ul" id="ul" >
        <li>hello</li>
        <li>word</li>
        <li>!</li>
    </ul>
    <script>
        var list = document.getElementsByTagName("li");
        console.log(list);
        console.log(div.style.color);
        var listLi = document.getElementById("ul").getElementsByTagName("li")
        console.log(listLi);
        for(var i=0,len = listLi.length; i<len;i++){
            console.log(listLi[i]);
        }
    </script>

image.png