日志

学习总结：

nodeType:

​ 节点的类型，nodeType属性返回节点类型的常数值。不同的类型对应不同的常数值

​ 包含：

​ 文档节点：document //9

​ 元素节点：element //1

​ 属性节点：attribute //2

​ 文本节点：text //3

​ 问题：无法进一步判断元素的名称

nodeName:

​ 节点名称，进一步判断元素的名称

​ 包含：

​ 文档节点：document //#document

​ 元素节点：element //全大写标签名，例如："BODY/HEAD"

​ 属性节点：attribute //属性名，例如："href"

​ 文本节点：text //#text

nodeValue:

​ 节点值，包含：

​ 文档节点：document // null

​ 元素节点：element // null

​ 属性节点：attribute // 属性值，例如：“#”

​ 文本节点：text // 文本内容

查找元素：

按ID查找：var elem=document.getElementById("id")

​ 提示：

​ 1.只能用document调用，不能换成其他元素，使用document意为在整个网页范围内查找；

​ 2.只能找到一个元素对象，如果找不到返回null，如果不小心两个HTML元素id名相同，则getElementById只能返回第一个找到的元素

​ 问题：

​ 1.按id查找一次只能找一个元素对象，无法同时找多个元素对象；

​ 2.网页中标有id的元素并不多，因为没有那么多英文单词名字可用

按标签名查找：var elems=parent.getElementsByTagName("标签名")

​ 提示：

​ 1.可在任意父元素下查找。主语是哪个父元素，就只在哪个父元素内查找符合条件的元素；

​ 2.返回多个符合条件的元素组成的类数组对象，也是动态集合，如果找不到，返回空类数组对象:{ length:0 }；

​ 3.getElementsByTagName()不仅查找直接子元素，而是在所有后代中查找符合条件的元素

按class查找：var elems=parent.getElementsByClassName("class")

​ 提示：

​ 1.可以在任意父元素上调用，控制查找的范围；

​ 2.返回类数组对象，也是动态集合，如果没找到，返回空类数组对象{ length:0 }；

​ 3.不只是在直接子元素中查找，而是在所有后代子元素中查找符合条件的元素；

​ 4.如果一个元素有多个class修饰，而查找时，只要用其中一个class，就能找到该元素

​ 兼容性问题：IE9+

按name查找：var elems=document.getElementsByName("name")

​ 提示：

​ 1.只能在document上调用；

​ 2.返回类数组对象，也是动态集合，如果没找到，返回空类数组对象{ length:0 }；

​ 3.因为只有表单元素才会有name属性，所以，getElementsByName几乎专门用于查找指定name属性的表单元素

​ 注意：ByTagName、ByClassName、 ByName三个函数注定返回类数组对象，即使只找到一个元素，也会放在类数组对象中返回，无法直接返回一个元素对象，所以，如果只找到一个元素对象时，应该再加[0]，才能取出类数组对象中保存的惟一的这个元素对象

HTML的标准属性：

​ HTML标准中规定的属性，比如：id, title, class, href, src, ...，属性值为字符串类型

学习心得：

​ 最近两天的学习状态确实不是很好，好多东西都没太听明白，或许也是没有去练习吧，看到那些大佬写的东西，确实感觉挺厉害的，我必须得赶紧调整状态，多练习一下，明白那些dom的具体用法，不然感觉要被大家甩到后面去了。