20200901_陈宇_

日志

学习总结:

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的具体用法,不然感觉要被大家甩到后面去了。

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1