JavaScript学习笔记（4）：DOM查询节点的操作

JavaScript学习笔记（4）

DOM查询节点的操作

前言

这一篇我想尽可能详尽的讨论查询节点的操作。

第一类：查询标签节点

getElementById(“idName”)

根据元素的id值来返回节点。返回的只有一个元素，因为一个页面中的元素id不能重名。其他方法一般都是返回一个数组。

getElementsByClassName(“className”)

根据元素的class名来返回节点。

getElementsByTagName(“tagName”)

根据标签名来返回节点。

querySelectorAll(“cssSelector”)

根据css选择器来返回节点，css的选择器在这里均可以使用。

根据html对象来返回节点

关于html对象，貌似已经不怎么使用了，就不详细讨论，以后再回来写一篇讨论这个话题。

第二类：查询属性节点

element.attribute

比如：

var p = document.getElementById("test")[0];
var color = p.color;

当然也可以查询style属性内部属性的值

var var p = document.getElementById("test")[0];
var color = p.style.color;

第三类：查询文本节点

element.innerText

以字符串形式返回元素内部的文字内容。

element.innerHTML

以字符串形式返回元素内部所有内容。

后记

这一篇基本将DOM的查询操作介绍完了，下一篇介绍DOM的增加节点操作，如果内容过多的话依然会继续分类。