要进行DOM的增删改查的操作,首先要先搞懂:
什么是dom?
Document Object Model,即文档对象模型。DOM把一份文档表示为一棵树,这是理解DOM模型的关键。是由节点(node)构成的一棵节点树。那么问题又来了:
节点是什么?
DOM中有许多不同类型的节点。其中最重要的有三种:元素节点(element node),文本节点(text node)和属性节点(attribute node)。有了节点,我们就可以很方便地通过定位节点,快速的对节点进行增删改查的操作。
查:
以下是一些查找节点的方法:
getElementById()、getElementsByTagName()、getElementsByName()、getElementsByClassName()、
querySelector()、querySelectorAll()
getElementById():
getElementById()方法,接受一个参数:获取元素的ID。如果找到相应的元素则返回该元素的 HTMLDivElement对象,如果不存在,则返回null。id表示一个元素节点的唯一性,不能同时给两个或以上的元素节点创建同一个命名的id。当我们通过getElementById()获取到特定元素节点时,这个节点对象就被我们获取到了,而通过这个节点对象,我们可以访问它的一系列属性。举例:
JS Bin正文
结尾
var tag = document.getElementsById("content").innerHTML
console.log(tag)
最后console.log((id.innerHTML)得到的结果是"内容"
getElementsByTagName():
getElementsByTagName()方法将返回一个对象数组HTMLCollection(NodeList),这个数组保存着所有相同元素名的节点列表。接上举例:
var tag = document.getElementsByTagName("p").length
console.log(tag)
最后docu