*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 中的节点数。?
?