操作Dom对象

最新推荐文章于 2024-02-10 18:12:55 发布

无人不xiao

最新推荐文章于 2024-02-10 18:12:55 发布

阅读量143

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_45934659/article/details/109401243

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

这篇博客介绍了DOM（文档对象模型）的基本操作，包括使用JavaScript获取DOM节点（如通过标签名、ID、类名或父节点获取），更新节点内容，删除节点以及在节点之间插入新的节点。这些基本操作对于前端开发者来说至关重要，是网页动态交互的基础。

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

核心
浏览器网页就是一个Dom树形结构！

1、获取Dom节点

//对应css选择器

    //标签选择器
    var h1=document.getElementsByTagName('h1');
    //id选择器
    var p1=document.getElementById('p1');
    //类选择器
    var p2 =document.getElementsByClassName('p2');
    //通过父亲获得孩子
    var father = document.getElementById('father');
    var childrens= father.children;//获得的是父节点下所有的子节点