Javascript节点的概念与操作

DOM的最小组成单位叫做节点(node)。文档的树形结构(DOM树),就是由各种不同类型的节点组成。

每个节点都可以看作是文档树的一片叶子,一棵树是由无数片叶子所组成

最顶层的节点就是document节点,它代表了整个文档;是文档的根节点

查找节点:

整个文档的节点都是document节点,那么想要找到具体的某个节点,我们可以用document提供的一系列方法:

getElementsGetTagName()

返回所有指定的html标签的元素,返回值是一个数组对象,如果匹配失败,返回[],后面所填的参数是想要获取节点的具体节点名称,就是标签名,例如:p标签,a标签等

getElementsClassName()

返回所有class名字符号指定条件的元素,返回值是一个数组的对象,匹配失败返回[],后面所填的参数是标签的class属性的值

getElementsByName()

选择填写了name属性的html元素,返回值是一个数组对象,如果匹配失败返回[],参数为标签中有name属性的标签;注意:使用时,最好选择原生具有name属性的元素

getElementById()    //注意:唯一一个Element后面不加s的方法

返回匹配指定id属性的元素节点,如果匹配不成功,则返回Null;参数为标签的id属性值,参数区分大小写;

猜你喜欢

转载自www.cnblogs.com/jasonxuan/p/10604801.html