下面有一段HTML代码,其中可以正确获取p元素的方法是( )。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div></div>
<div></div>
<p id="content" class="column"></p>
<strong></strong>
</body>
</html>
A. document.getElementsByTagName("p")
B. document.getElementByClassName("column")[0]
C. document.getElementById("#content")
D. document.querySelector("p")
这道题考察基础概念!
A选项中,getElementsByTagName()是通过标签名来获取元素,故不正确。
B选项中,getElementByClassName()是通过class来选中元素,同时获取的是类数组,只能使用length 属性以及下标,故正确。
C选项中,getElementById()是通过id来选中元素,直接使用id属性值,应为 document.getElementById(“content”)。
D选项中,querySelector()表示选取满足选择条件的第1个元素,querySelector()和querySelectorAll()两个方法,使得我们可以使用CSS选择器的语法来获取所需要的元素。正确的使用应为document.querySelector("#content")。