DOM操作在JS中可以说是非常常见了吧,很多网页的小功能的实现,比如一些元素的增删操作等都可以用JS来实现。那么在DOM中我们需要知道些什么才能完成一些功能的实现呢?今天这篇文章就先简单的带大家入一下JS中DOM操作的门吧!!
一、DOM树的节点1、 DOM节点分为三大类: 元素节点(标签节点)、属性节点和文本节点。
属性节点和文本节点都属于元素节点的子节点。 因此操作时,需先选中元素节点,再修改属性和文本。
【查看元素节点】
1、 使用getElement系列方法:
具体的HTML代码如下图:
//通过ID来查看元素属性 var li = document.getElementById("first"); //通过类名来查看元素属性 var lis1 = document.getElementsByClassName("cls"); //通过名字来查看元素属性 var lis2 = document.getElementsByName("name"); //通过标签名来查看元素属性 var lis3 = document.getElementsByTagName("li");