码迷,mamicode.com
首页 > 其他好文 > 详细

获取元素

时间:2020-12-21 11:56:29      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:class   classname   sel   alt   语法   获取   code   ntb   集合   

通过document获取节点

// 通过标签的id名获取标签

语法:
document.getElementById("标签id名");

 // 通过标签名获取标签

语法:
document.getElementsByTagName("标签名");

// 通类名获取标签

语法:

document.getElementsByClassName("标签类名");

 

 // 通过标签的name属性获取标签

语法:
document.getElementsByName("标签的name属性的值");

// 上述4种获取标签的方法,除了通过id可以准确获取到元素,别的方法都是只能获取到元素的集合(类数组)

 

 

使用css选择器获取元素

语法:

documen.querySelector(css选择器); // 获取到匹配css的第一个元素 documen.querySelectorAll(css选择器); // 获取到匹配css的所有元素

 

通过id名直接获取到元素:

 

<div id="myid" class="box" name="mydiv">盒子1</div>
<script>
    console.log(myid);
</script>

 

效果图:

通过id名直接获取到元素

技术图片

 

获取元素

标签:class   classname   sel   alt   语法   获取   code   ntb   集合   

原文地址:https://www.cnblogs.com/wxyddg/p/14144319.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!