J2EE社区

苟有恒,何必三更起五更眠;
最无益,只怕一日曝十日寒.
posts - 241, comments - 318, trackbacks - 0, articles - 16

dom使用指南

Posted on 2008-10-03 15:59 xcp 阅读(2666) 评论(4)  编辑  收藏 所属分类: AjaxJavascript

一.dom对象的只读属性
  *.firstChild     返回一个对象,表示当前节点第一个子节点
  *.lastChild      返回一个对象,表示当前节点最后一个子节点
  *.nextSibling    返回一个对象,表示当前节点的下一个兄弟节点
  *.previousSibling返回一个对象,表示当前节点的上一个兄弟节点
  *.parentNode     返回一个对象,表示当前节点的父对象
  *.nodeName       返回一个字符串,表示当前节点对应的html标记
  *.nodeType       返回一个数字,1表示标签,2表示属性,3表示文本项


二.dom对象的可读写属性
  *.nodeValue      返回一个字符串,表示文本项的值,如果为其他类型的节点,返回null
  *.data           返回一个字符串,表示文本项的值,如果为其他类型的节点,返回undefined

  总结:由于这些是可以写的属性,所有说我们可以动态的修改前台数据,比如(文本节点.nodeValue = "动态的值"


三.dom对象的集合属性
  *.childNodes     返回一个对象数组,表示当前节点的所有子节点集合
  *.attributes     返回一个对象数组,表示当前节点的所有属性集合,通过id来访问,比如attributes.id   或 cn2.border 例:attributes.border.nodeValue=10但是一般不这么用,因为有更简单的用法


四.常用的dom方法
  *.documentElement返回文档的根节点                 例:document.documentElement.nodeName
  *.activeElement  返回当前文档中被激活的标签节点   例:document.activeElement.nodeName

  *.createElement(sNode)  新增标签节点,参数为标签名       例:var newnode = document.createElement("div") 
  *.createTextNode(text)  创建包含静态文本的节点           例:var newText = document.createTextNode("建包含静态文本的节点 ");
  *.document.createAttribute("name") 创建属性
  *.document.createComment()         创建注释
  *.document.createStyleSheet();     创建样式
  *.document.createEventObject()     创建事件对象
  *.总要是用前二个

  *.appendChild(oNode)   追加子节点                 例:    table(一个源节点).appendChild(oNode(一个新的节点));
  *.removeChild(oNode)   删除子节点                 例:    table(一个源节点).removeChild(oNode);

  *.getAttribute(name)   得到标签对象属性名称为name的值         例:tablenode.getAttribute("border")
  *.setAttribute(name,value)   设置指定标签对象的值             例:tablenode.setAttribute("border",10);

  *.insertBefore(newNode,targetNode)  将新的newNode节点插入在目标节点targetNode之前
  *.removeNode(name)   删除以name命名的节点
  *.replaceNode(newNode,oldNode) 以newNode节点替代oldNode

  *.hasChildNodes           返回布尔值,判断是否有子节点 




名称: ♪4C.ESL | .↗Evon
口号: 遇到新问题♪先要寻找一个方案乄而不是创造一个方案こ
mail: 联系我


Feedback

# re: dom使用指南  回复  更多评论   

2008-10-03 21:49 by 免费小说
正在学习中,,,

# re: dom使用指南  回复  更多评论   

2011-05-29 16:24 by 291184777
不错 291184777

# re: dom使用指南  回复  更多评论   

2011-09-20 11:25 by jietie
遇到新问题♪先要寻找一个方案乄而不是创造一个方案--好方案

# re: dom使用指南[未登录]  回复  更多评论   

2013-04-19 20:38 by aaaa
总结的很不错,很有用

只有注册用户登录后才能发表评论。


网站导航: