DOM节点及其相关操作的函数

最新推荐文章于 2022-09-27 15:22:56 发布

偷只猫来养

最新推荐文章于 2022-09-27 15:22:56 发布

阅读量991

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/qq_42602282/article/details/107030932

版权

本文介绍了JavaScript中DOM节点的查找、遍历及修改方法，包括getElementById、getElementsByClassName等查找函数，遍历节点的parentNode、childNodes等属性，以及innerHTML、innerText等获取和改变元素内容的方法，还涵盖了属性获取、元素样式修改和节点创建、复制、删除、替换的操作。

摘要由CSDN通过智能技术生成

DOM节点及其相关操作的函数

DOM：文档对象模型

1、查找节点

document.getElementById(‘id’)：返回指定id的元素节点，不可以链式调用

<div id = 'box'></div>
<script>
    let box = document.getElementById('box');
</script>

document.getElementsByClassName(‘class’)：返回指定class属性的元素节点集合

<div class = 'box'></div>
<script>
    let box = document.getElementsByClassName('box');
</script>

document.getElementsByName(name)：返回带有指定名称的对象的集合 NodeList 对象

<html>
    <head>
        <script type="text/javascript">
            let x=document.getElementsByName("myInput");
        </script>

最低0.47元/天解锁文章

偷只猫来养

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫