JavaScript选择器

通过 id 来查找 HTML 元素

比如

<p id="#a1">huanmin</p>
<script type="text/javascript">var name=document.getElementById("a1")console.log(name)
</script>

同过name选择器查找所有name属性的元素

document.getElementsByName(""); 返回的是数组 一般用于表单

<form action="#" method="get">姓名:<input type="text" name="name"  value="hu"/>姓名1:<input type="text" name="name" value="hu1" />姓名2:<input type="text" name="name" value="hu2" />
</form>
<script type="text/javascript">var str=document.getElementsByName("name");for (var i = 0; i < str.length; i++) {console.log(str[i].value)}</script>

通过 CSS 选择器查找 HTML 元素

document.getElementsByClassName() 返回的是数组

		<ul><li class="da">a</li><li class="da">b</li><li class="da">c</li></ul><script type="text/javascript">var str = document.getElementsByClassName("da")for (var i = 0; i < str.length; i++) {console.log(str[i].innerHTML)}</script>

通过标签名来查找 HTML 元素

document.getElementsByTagName() 返回的是数组

		<p>a</p><p>b</p><p>c</p><script type="text/javascript">var str = document.getElementsByTagName("p")for (var i = 0; i < str.length; i++) {console.log(str[i].innerHTML)}</script>

CSS样式表选择器

querySelector() 方法可以用于返回文档中匹配指定 CSS 选择器的一个元素，如果需要返回所有的元素，就需要使用querySelectorAll() 方法替代

简单来说就是css的选择器可以在js中使用列:

//选择,选择器命中的第一个元素
document.querySelector(".start div #img>p")

//选择,选择器命中的第全部元素 ,返回数组
document.querySelectorAll(".start div #img>p")

点赞 -收藏-关注-便于以后复习和收到最新内容 有其他问题在评论区讨论-或者私信我-收到会在第一时间回复 如有侵权，请私信联系我 感谢,配合,希望我的努力对你有帮助^_^