javascript学习

wkf3277

浏览: 803 次

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2013-03 ( 2)
更多存档...

博客分类：

技术学习

DOM，document的子节点可以是，documentElement,childNodes来访问

如当HTML页面中，只有一对<html></html>时，则document.documentElement取到的是对<html>的引用。

document.body指向<body>

document.activeElement 返回当前文档中被击活的标签节点(ie)

event.fromElement 返回鼠标移出的源节点(ie)

event.toElement 返回鼠标移入的源节点(ie)

event.srcElement 返回激活事件的源节点(ie)

event.target 返回激活事件的源节点(firefox)

当前对象为node

返回父节点：node.parentNode, node.parentElement,

返回所有子节点：node.childNodes（包含文本节点及标签节点）,node.children

返回第一个子节点：node.firstChild

返回最后一个子节点： node.lastChild

返回同属上一个子节点：node.nextSibling
返回同属下一个子节点：node.previousSibling

parentNode和parentElement功能一样，childNodes和children功能一样。但是 parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准，Firefox就不支持 ,所以大家只要记得有parentElement和children就行了

（1）创建新节点

createDocumentFragment()//创建DOM碎片，为了节约使用DOM，因为js操作DOM时会重新刷新整个页面，从而消耗大量的时间，

createElement() //创建一个具体的元素

createTextNode() //创建一个文本节点

var op = document.createElement("p")//创造节点P

var oText = document.createTextNode("test1")

op.appendChild(oText);

document.body.appendchild(op);

var oFrag = document.createDocumentFragment()

oFrag.appendChild(op)

document.body.appendChild(oFrag);

（2）添加、移除、替换、插入

appendChild()刚才已经试过，用于向childNodes列表的末尾添加一个节点，返回要添加的元素节点

1 var ul = document.getElementByIdx_x("myList"); //获得ul
2 ul.appendChild(ul.firstChild); //把ul的第一个元素节点移到ul子节点的末尾

removeChild()删除节点

replaceChild(newNode,oldNode)替换节点

insertBefore()

var ul = document.getElementByIdx_x("myList"); //获得ul
var li = document.createElement_x("li"); //创建li
li.innerHTML= "项目四"; //向li内添加文本
ul.insertBefore(li,ul.firstChild); //把li添加到ul的第一个子节点前

（3）查找

getElementsByTagName() //通过标签名称

getElementsByName() //通过元素的Name属性的值

getElementById() //通过元素Id，唯一性

分享到：

SOA相关技术的一些学习

2013-03-08 15:27
浏览 290
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论