JavaScript中的DOM操作之获取页面中标签的方式

最新推荐文章于 2024-04-12 15:56:41 发布

Submerge~

最新推荐文章于 2024-04-12 15:56:41 发布

阅读量398

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/MixedSignals/article/details/105151874

版权

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model），简写为DOM

获取页面中标签的方式
①通过id属性值获取标签对象
document.getElementById('id属性值')执行结果只能获取一个标签对象，id属性值一定要有引号

<body>
<div id="div1">我是div1</div>
<script>
var oDiv1 = document.getElementById('div1');
alert(oDiv1);
</script>
</body>

在这里插入图片描述
②通过class属性值获取标签对象
document.getElementsByClassName('class属性值')Elements之后有一个s表示复数。class属性在JavaScript,一律定义为className， class关键词用在其他功能上。执行结果获取到的是一个伪数组，即使只有一个符合条件的标签，获取到也是一个数组。数组的单元是符合条件的标签，可以通过索引下标来获取某一个标签对象。不能被 forEach() 循环遍历

<body>
<div id="div2">我是div2</div>
<script>
var oDiv2 = document.getElementsByClassName('div2');
console.log(oDiv2); //HTMLCollection(0)
console.log(oDiv2[0]); //undefined

// 不能被forEach()循环
oDiv2.forEach(function(v){
   
console

最低0.47元/天解锁文章

Submerge~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的DOM操作之获取页面中标签的方式

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model），简写为DOM获取页面中标签的方式①通过id属性值获取标签对象document.getElementById('id属性值')执行结果只能获取一个标签对象，id属性值一定要有引号<body><div id="div1">我是div1</div><scri...
复制链接

扫一扫