本文共 2004 字,大约阅读时间需要 6 分钟。
DOM,(Document Object Model)文档对象模型,通过 HTML DOM,JavaScript 能够访问和改变 HTML 文档的所有元素。
DOM对象的结构树:
DOM能干啥? 通过DOM对象JavaScript可以操作所有的HTML元素parentNode:返回节点的父节点
效果展示:
childNodes:返回子节点集合,childNodes[i]
效果展示:
下面同理,这里就不做展示了。firstChild:返回节点的第一个子节点,最普遍的用法是访问该元素的文本节点
lastChild:返回节点的最后一个子节点
nextSibling:下一个节点
previousSibling:上一个节点
firstElementChild:返回节点的第一个子节点,最普遍的用法是访问该元 素的文本节点
lastElementChild:返回节点的最后一个子节点
nextElementSibling:下一个节点
previousElementSibling:上一个节点
①节点信息
nodeName:节点名称
效果展示:
nodeValue:节点值
效果展示:
nodeType:节点类型
效果展示:
②节点类型的值(nodeType)①操作节点的属性
getAttribute(“属性名”):获取属性
我是一只小小鸟
效果展示:
setAttribute(“属性名”,“属性值”):设置属性值
我是一只小小鸟
效果展示:
②创建和插入节点
③删除和替换节点
⑤style属性
语法:HTML元素.style.样式属性="值"
例如:document.getElementById("a").style.color="red";
⑥className属性 语法:HTML元素.className="样式名称"
例如:document.getElementById("a").className="class1";
⑦获取元素样式 语法:HTML元素.style.样式属性;
转载地址:http://taiwi.baihongyu.com/