createElement cloneNode appendChild applyElement

使用 data 、nodeValue 和src 属性
DOM 提供了 2个属性用于修改文本节点的内容,它们是 data 和nodeVaule 。2 个属性实现的功能相同,语法是:object.data="new value" 或者object.nodeVaule="new value" ,其中object 代表页面中的文本项节点。如果修改图形文件的内容,语法是:object.src="new value" ,其中object 表示页面中的img 标记节点。


使用 createElement 方法
createElement 方法的功能是在文档中创建一个孤立 HTML 标记节点。孤立节点既没有孩子节点也没有双亲节点,而且与文档中的现存节点也互不关联。被创建的孤立HTML 标记节点的唯一信息就是它代表的HTML 标记,比如< P> 、< FONT> 和< TABLE> 。CreateElement 的语法为document.createElement(HTMLTag) ,HTMLTag 表示要创建的HTML 标记,返回值是创建的孤立HTML 标记节点。


使用 cloneNode 方法
cloneNode 方法的功能是通过克隆(也就是复制)文档中一个现存节点的方式创建文档的一个孤立节点。根据被克隆节点的类型,新创建的孤立节点或者是 HTML 标记节点,或者是包含字符串信息的文本项节点。cloneNode 的语法为oldNode.createNode(false) 或者oldNode.createNode(true) ,oldNode 表示被克隆的节点,返回值是新创建的节点,false 表示仅仅克隆oldNode ,true 表示克隆oldNode 并包含其下属节点


使用 appendChild 方法
appendChild 方法的功能是在 2 个节点间建立起父子关系,如果作为父亲的节点已经具有了孩子节点,那么新添加的孩子节点被追加为最后一个孩子,也就是lastChild 。appendChild 的语法是fatherObj.appendChild(childObj) ,返回值是被追加的孩子节点


使用 applyElement 方法
applyElement 方法的功能是将一个节点与它的孩子节点和父亲节点脱离,然后将另外一个节点连接到这个节点,最终使它们成为父子关系。 applyElement 的语法是childObj.applyElement(fatherObj) ,返回值是被连接的孩子节点。

applyElement 和appendChild 实现的目的基本相同,都是在2 个节点间建立父子关系,但有2 个区别:
1 、 applyElement方法只能操纵 HTML 标记节点,不能处理文本项节点。appendNode 则能处理2 种节点。
2 、 appendNode对 2 个节点的连接方式是从父到子,applyElement 则是从子到父。


使用 insertBefore 方法
insertBefore 方法的功能和 appendChild 相似,都是将一个孩子节点连接到一个父亲节点,但insertBefore 方法允许我们指定孩子节点的位置。insertBefore 的语法是fatherObj.insertBefore(childObj, brotherObj) ,返回值是被连接的孩子节点。执行后,childObj 的位置在brotherObj 之前。


使用 removeNode 方法
removeNode 方法的功能是删除一个节点,语法为 node.removeNode (false )或者node.removeNode (true ),返回值是被删除的节点。removeNode (false )表示仅仅删除指定节点,然后这个节点的原孩子节点提升为原双亲节点的孩子节点。removeNode (true )表示删除指定节点及其所有下属节点。被删除的节点成为了孤立节点,不再具有有孩子节点和双亲节点。


使用 replaceNode 方法
replaceNode方法的功能是用新创建的节点替换一个节点及其下属节点,语法为oldNode.replaceNode(newNode),返回值是被替换的节点。

replaceNode 方法的另一个功能是删除节点及其下属节点,就象前面介绍的removeNode (true )一样。这时,我们只需将replaceNode 方法的参数设置为一个现存的节点就可以


使用 swapNode 方法
swapNode 方法的功能是交换 2个节点(包括其下属节点)在文档 Tree 中的位置,语法为firstNode.swapNode(secondNode) ,返回值是节点firstNode 。

swapNode 方法的另一个功能是替换节点及其下属节点,就象前面介绍的replaceNode 方法一样。这时,我们只需将replaceNode 方法的参数设置为一个新创建的节点就可以。


使用 prototype 属性

prototype 在string,boolean 等内置的js 类中有都已经定义有, 可以通过jsobj. Prototype.attr='' 给jsobj 添加或者修改他的属性值. 但是非new 出来的对象不能这样用.

例 var record = { userid:_userid, top: _top };

不能用 record. Prototype. Left = _left 添加属性, 但可以直接用 record. Left = _left 给record 添加left 属性

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值