码迷,mamicode.com
首页 > Web开发 > 详细

动态创建html内容时所用的W3C DOM属性和方法

时间:2017-06-28 23:18:37      阅读:265      评论:0      收藏:0      [点我收藏+]

标签:for   tno   父节点   node   节点   w3c dom   ace   方法参数   pre   

document的属性和方法: 
 document.createElement(tagName) :文档对象上的createElement方法可以创建由tagName指定的元素.如果以串div作为方法参数,就会生成一个div元素.
 
 document.createTextNode(text) :文档对象的createTextNode方法会创建一个包含静态文本text的文本节点. 
 document.createAttribute(): 用指定的名字创建新的Attr节点. 
 document.createComment() :用指定的字符串创建新的Comment节点. 
 document.getElementById(): 返回文档中具有指定id的Element节点. 
 document .getElementsByTagName(): 返回文档中具有指定标记名的所有Element节点.返回为一Element节点数组; 



 节点的属性和方法: 
 appendChild(childNode) :appendChild方法将指定的节点增加到当前元素的子节点列表(作为一个新的子节点).例如,可以增加一个option元素,作为select元素的子节点. 
getAttribute(name) : 该方法用来获得元素中name属性的值. 
setAttribute(name,value) : 该方法用来设置元素中name属性的值. 
insertBefore(newNode,targetNode) :该方法将节点newNode作为当前元素的子节点插到targetNode子节点元素的前面. 
removeAttribute(name) :该方法从元素中删除属性name. 
removeChild(childNode) :该方法从元素中删除子元素childNode. 
replaceChild(newNode,oldNode) :该方法将节点oldNode替换为节点newNode.
hasChildNodes() :该方法返回一个布尔值,指示元素是否有子元素. 
tagName :元素的标记名称,比如<p>元素为PHTML文档返回的tagName均为大写;
getAttributeNode() :以Attr节点的形式返回指定属性的值;
getElementsByTagName() :返回一个Node数组,包含具有指定标记名的所有Element节点的子孙节点,其顺序为在文档中出现的顺序.
hasAttribute() :如果该元素具有指定名字的属性,则返回true;
removeAttributeNode() :从元素的属性列表中删除指定的Attr节点.
setAttributeNode() :把指定的Attr节点添加到该元素的属性列表中.
cloneNode(true) :复制当前节点,true表示复制当前节点以及它的所有子孙节点.

Node对象常用属性:
<element>.attributes :如果该节点是一个Element,则以namedNodeMap形式返回该元素的属性.
<element>.childNodes :以Node[]的形式存放当前节点的子节点.如果没有子节点,则返回空数组.
<element>.firstChild :以Node的形式返回当前节点的第一个子节点.如果没有子节点,则为null.
<element>.lastChild :以Node的形式返回当前节点的最后一个子节点.如果没有子节点,则为null.
<element>.nextSibling :以Node的形式返回当前节点的兄弟下一个节点.如果没有这样的节点,则返回null.
<element>.previousSibling :以Node的形式返回紧挨当前节点,位于它之前的兄弟节点.如果没有这样的节点,则返回null.
<element>.parentNode :以Node的形式返回当前节点的父节点.如果没有父节点,则返回null.
<element>.nodeType :代表节点的类型.
<element>.nodeName :节点的名字,Element节点则代表Element的标记名称.

动态创建html内容时所用的W3C DOM属性和方法

标签:for   tno   父节点   node   节点   w3c dom   ace   方法参数   pre   

原文地址:http://www.cnblogs.com/xiao-xue/p/7091680.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!