你的位置:首页 > Java教程

[Java教程]重撸js_2_基础dom操作


1.node


 

方法返回含义
nodeNameString获取节点名称
nodeTypeNumber获取节点类型
nodeValueString节点的值(注意:文本也是节点)

 

 

 

 

2.innerText和innerHTML


 

方法含义
innerText设置或返回表格行的开始和结束标签之间的文本(剥离html)
innerHTML设置或返回表格行的开始和结束标签之间的HTML

 

 

 

 

3.遍历操作


 

方法返回含义
firstChildNode返回子节点列表中的第一个节点
lastChildNode返回子节点列表中的最后一个节点
childNodesNodeList所有子节点的列表
previousSiblingNode返回该节点的前一个节点
nextSiblingNode返回该节点的后一个节点
childNodesNodeList所有子节点的列表
childNodesNodeList所有子节点的列表

 

 

 

 

 

 

 

 

4.节点操作


 

方法语法含义
getElementById()\获取带指定id属性的对象
getElementsByName()\获取带指定name属性对象的集合
getElementsByTagName\获取带指定标签名的对象的集合
getElementsByClassName\获取带指定类名的元素集合(>=ie9)
querySelector\返回文档中匹配指定CSS选择器的一个元素
querySelectorAll\返回文档中匹配指定CSS选择器的元素集合
   
增加/删除  
appendChildnode.appendChild(node)向节点添加最后一个子节点
removeChildnode.removeChild(node)删除一个子节点
replaceChildnode.replaceChild(newnode,oldnode)用新节点替换某个子节点
insertBeforenode.insertBefore(newnode,existingnode)在指定的已有子节点之前插入新的子节点
   
创建  
createElementdocument.createElement(nodename)创建一个dom元素
createTextNodedocument.createTextNode(textnode)

创建一个文本元素

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

var btn=document.createElement("BUTTON");var t=document.createTextNode("CLICK ME");btn.appendChild(t);