*JavaScript
ECMAScript: 数据类型和变量,选择结构,循环结构,对象,数组,函数,运算符(ES6特性)
DOM: 文档对象模型
-Document:每个载入浏览器的 HTML 文档都会成为 Document 对象
节点获取:
1.getElementById()
2.getElementsByName()
3.getElementsByTagName()
4.getElementsByClassName()
5.querySelector()
6.querySelectorAll()
操作文本内容:
1.innerText
2.innerHTML
操作样式:
1.HTML元素.style.样式属性="值"
2.HTML元素.setAttribute(name,value)
3.HTML元素.className = "值"
4.HTML元素.id = "值"
节点创建:
createElement():创建元素节点
createAttribute():创建属性节点
createComment():创建注释节点
createTextNode():创建文本节点
节点属性:
nodeName:节点名
nodeType:节点类型
nodeValue:节点值
节点添加:
appendChild(): 末尾追加子节点
insertBefore():已有的子节点之前插入新节点
节点删除:
removeAttribute() 从元素中移除指定属性。
removeAttributeNode() 移除指定的属性节点,并返回被移除的节点。
removeChild() 从元素中移除子节点。
replaceChild() 替换元素中的子节点。
节点关系:
childNodes:获取所有的子节点(包含空格)
children:获取所有的子节点(不包含空格)
firstChild: 第一个子节点
lastChild:最后一个子节点
nextSibling:同辈节点的下一个节点
previousSibling:同辈节点的上一个节点
parentNode:获取父节点
nodelist.item() 返回 NodeList 中位于指定下标的节点。
nodelist.length 返回 NodeList 中的节点数。