*JavaScript

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


 

你可能感兴趣的:(javascript,开发语言,ecmascript)