2021-05-11 JS选择器-CSDN博客

本文链接：https://blog.csdn.net/sannight/article/details/116657360

以id名称获取元素的方式返回一个元素/标签节点（id具有唯一性）

document.getElementById('id名称');

以标签名称获取元素的方式返回一个标签集合（可以是多个）

document.getElementsByTagName('标签名称');

PS:获取元素节点，用索引的方式即可

name属性的name值

document.getElementsByName('name值');

ClassName

document.getElementsByClassName('classname值');

querySelector / querySelectorAll 单一选取 / 全部选取

document.querySelector('CSS选择器');
document.querySelectorAll('CSS选择器');

内部选取

选择器.选择器

document.getElementById('id名称').getElementsByTagName('标签名称');

例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf8">
</head>
<body>
    <div id="frame">
        <ul>
            <li></li>
            <li></li>
        </ul>
        <ol>
            <li></li>
        </ol>
    </div>
    <script>
        console.log(document.getElementById('frame').getElementsByTagName('ol'));
    //结果：返回含有ol的集合
    </script>
</body>
</html>