getElementsByTagName获取某类标签元素

简介: getElementsByTagName获取某类标签元素

getElementsByTagName的2种语法(document.和父元素.)


注意事项1:返回值是元素对象的集合(伪数组)


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>花落知多少1</li>
        <li>花落知多少2</li>
        <li>花落知多少3</li>
        <li>花落知多少4</li>
    </ul>
    <ol id="ol">
        <li>举头望明月</li>
        <li>举头望明月</li>
        <li>举头望明月</li>
        <li>举头望明月</li>
    </ol>
    <script>
        var lis = document.getElementsByTagName('li');
        console.log(lis);
        console.log(lis[0]);
        var ol = document.getElementById('ol');
        console.log(ol.getElementsByTagName('li'));
    </script>
</body>
</html>


相关文章
|
JavaScript
jq样式、元素操作,效果,筛选方法与转换,事件对象
jq样式、元素操作,效果,筛选方法与转换,事件对象
|
4月前
|
定位技术 API 数据格式
Element UI【详解】el-cascader 级联选择器 - 行政区划选择(可以选择任意一级),限定选择范围,获取并解析选中的节点
Element UI【详解】el-cascader 级联选择器 - 行政区划选择(可以选择任意一级),限定选择范围,获取并解析选中的节点
540 0
|
6月前
|
前端开发
要使用CSS选择器选中特定类别的元素
【5月更文挑战第31天】要使用CSS选择器选中特定类别的元素
46 2
|
5月前
|
JavaScript 前端开发
原生JS如何查询元素属性
原生JS如何查询元素属性
41 0
form表单的entype属性选取
enctype属性取值:enctype默认为application/x-www-form-urlencoded,只能上传纯文本格式的文件。
75 0
element表单嵌套检验+动态添加
element表单嵌套检验+动态添加
313 0
|
JavaScript
JQUERY选择器--筛选选择器
JQUERY选择器--筛选选择器
65 0
|
前端开发
1、CSS选择器(通配符,标签,类,id)
1、CSS选择器(通配符,标签,类,id)
179 0
|
JavaScript 数据安全/隐私保护 索引
jQuery选择器总结(选择器+元素筛选)
jQuery选择器总结(选择器+元素筛选)
243 0