常用DOM selector

2018-04-14 本文已影响0人刘志宇航员

最近也在复习JS的相关内容，挑出重点内容来温习下！语法啥的就不多说了，直接谈谈常用的5个DOM selector！

getElementsById
getElementsByClassName
getElementsByTagName
querySelector
querySelectorAll
他们如何使用呢，下面用一个实例来演示一下

Example

首先，我写了一个非常简单的html文件，分配给他们不同的id，class.

<!DOCTYPE html>
<html>
<head>
    <title>my title</title>
    <script src="script.js"></script>
</head>
<body>

<h1>i'm h1</h1>
<p id="first" class="special">hello</p>
<p class="special">goodbye</p>
<p>hi again</p>
<p id="last">gb again</p>
</body>
</html>