获取id元素_DOM元素节点获取方法

最新推荐文章于 2023-08-21 09:41:21 发布

冯骥

最新推荐文章于 2023-08-21 09:41:21 发布

阅读量6.2k

点赞数

文章标签：获取id元素

本文链接：https://blog.csdn.net/weixin_30733115/article/details/112664465

版权

本文介绍了DOM的基本概念和不同类型的节点，重点讲解了如何通过getElementById、getElementsByTagName、getElementsByClassName、getNameByName、querySelector和querySelectorAll等方法获取和修改HTML元素的属性。这些方法包括根据ID、标签名、类名和name属性来定位元素，以及如何处理行间样式和类名的设置。

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

1DOM

DOM全称是Document Object Model，也叫文档对象模型，这里Document是指从开始到结束的这一部分，window窗口下加载网页的部分就是Dom。

DOM节点类型分为元素节点，属性节点和文本节点。如代码

div文本

元素节点就是

2DOM元素节点获取方法2.1document.getElementById(id)方法

document.getElementById(id)是通过id获取符合条件的元素节点，id必须是唯一的，就像我们每个人的身份证一样，document.getElementById(id)返回符合条件的一个节点。如下例里，先通过document.getElementById("div1")获取元素节点，然后通过点语法获取其行间属性值，注意，这里通过点语法获取class类名是获取不到的，会报undefined，我们需要通过className访问class类名。