js学习笔记

DOM查找

一、含义：DOM（document object model）是W3C（万维网联盟）的标准。接通语言和平台可以使程序和语言动态更新文档的内容格式等。

二、常见的DOM操作

1.查找节点2.读取节点信息3.修改节点信息4.创建新节点5.删除节点

三、DOM查找

1，按id属性查找，精确查找对象。例：var elem=document.getElementById("id");

特点：效率高；只用于查找精确的对象；getElementById只用于document.

2.按标签名查找：例：var elem=ul.getElementById("li");查找指定ul节点下的标签为li的子节点。

特点：可用在任意父元素；可以查所有子节点；返回一个动态集合，即使找到一个元素也会返回集合

3.通过name查找：document.getElementById('name属性值');返回DOM树下所有name性质的元素。

4.通过class查找：查找父元素下所有class属性的元素。

例：var elem=ul.getElementById("class属性");

5.通过css选择器查找：元素选择器、类选择器、id选择器、后代选择器、子代选择器、群组选择器。

只找一个：var elem=paret.querySelector("选择器"）;

找多个：var elem=paret.querySelectorAll("选择器"）;