中文XML论坛--DOM为什么没有定义insertAfter()这样的函数？

新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚

XML论坛

W3CHINA.ORG讨论区

计算机科学论坛

SOAChina论坛

Blog

开放翻译计划

新浪微博

首页

软件下载

资料下载

核心成员

帮助

>> 本版讨论DOM, SAX, XPath等。

[返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - XML技术 → 『 DOM/SAX/XPath 』 → DOM为什么没有定义insertAfter()这样的函数？

◇查看新帖 ◇ 用户列表 ◇

(订阅本版)

您是本帖的第 12360 个阅读者　　

*	贴子主题： DOM为什么没有定义insertAfter()这样的函数？	举报打印推荐 IE收藏夹
	本主题类别:

flyfoxs

  威望：5
  等级：研一(Artificial Intelligence期期不放过)
  文章：550
  积分：3935
  门派：XML.ORG.CN
  注册：2005/1/8

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	楼主

DOM为什么没有定义insertAfter()这样的函数？

这是DOM对应的官方文档：
http://www.w3.org/TR/1998/REC-DOM-Level-1-19981001/level-one-core.html
我发现里面有insertBefore和appendChild这两个函数。但却没有insertAfter这个函数
insertBefore：给出一个元素，然后插入一个元素到这个元素之前（这两个元素是兄弟关系）
appendChild：给出一个元素，然后插入一个元素到当前这个元素的子节点，并且是插入到子节点的最后。（这两个元素是父子关系）
但如果我已经寻址到一个元素了，我想插入一个兄弟元素到这个元素的后面，DOM模型却没有提供对应的方法，要自己实现。我觉得这个问题，作为一个基础的函数库，好像是有一定问题的？
难道是有其它我没有想到的原因？

   收藏   分享
顶(0)


----------------------------------------------
存在即是被搜索!
BLOG =>  http://www.OpenJ.cn

2007/4/13 23:18:00

  威望：9
  等级：博士二年级(版主)
  文章：4392
  积分：29981
  门派：XML.ORG.CN
  注册：2004/5/15

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第2楼

实际偶觉得基本上够用了，insertAfter无所谓了，只是还有那么点欠缺。
insertAfter的功能实际上可以用insertBefore来实现，
currNode.parentNode.appendChild(newNode)这个用法也基本上避免了二次寻址的麻烦。
----------------------------------------------
没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

blog:http://Qr.blogger.org.cn

2007/4/14 9:50:00

flyfoxs

  威望：5
  等级：研一(Artificial Intelligence期期不放过)
  文章：550
  积分：3935
  门派：XML.ORG.CN
  注册：2005/1/8

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第3楼

currNode.parentNode.appendChild(newNode)这个用法也基本上避免了二次寻址的麻烦。
假设有下面几个节点
1
2
3
4
5
如果你要在3之后插入一个节点A，你就会非常郁闷了。
你要先往下找到4这个节点，然后再插入A。
如果恰好3就是最后一个节点，就会出错，这时你要进行if判断，看是不是最后一个节点。
不知道我的意思讲的可清楚。
----------------------------------------------
存在即是被搜索!
BLOG => http://www.OpenJ.cn

2007/4/14 13:14:00

  威望：9
  等级：博士二年级(版主)
  文章：4392
  积分：29981
  门派：XML.ORG.CN
  注册：2004/5/15

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第4楼

的确，如果已经寻址到第3个节点，要在其后插入一个节点挺让人郁闷的
----------------------------------------------
没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

blog:http://Qr.blogger.org.cn

2007/4/14 20:29:00

windstamp

  等级：大一新生
  文章：0
  积分：55
  门派：XML.ORG.CN
  注册：2007/6/8

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第5楼

// 将newElement元素插入targetElement元素之后
function insertAfter(newElement, targetElement) {
var parent = targetElement.parentNode;
if(parent.lastChild == targetElement) {
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement, targetElement.nextSibling);
}
}

2007/6/8 16:29:00

flyfoxs

  威望：5
  等级：研一(Artificial Intelligence期期不放过)
  文章：550
  积分：3935
  门派：XML.ORG.CN
  注册：2005/1/8

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第6楼

以下是引用windstamp在2007-6-8 16:29:00的发言：
// 将newElement元素插入targetElement元素之后
function insertAfter(newElement, targetElement) {
  var parent = targetElement.parentNode;
  if(parent.lastChild == targetElement) {
   parent.appendChild(newElement);
  } else {
   parent.insertBefore(newElement, targetElement.nextSibling);
  }
}

我以前也通过编程实现过这个方法，但没有你写的这么简单易懂。
楼上的功底真不错。
----------------------------------------------
存在即是被搜索!
BLOG =>  http://www.OpenJ.cn

2007/6/25 21:21:00

flyfoxs

  威望：5
  等级：研一(Artificial Intelligence期期不放过)
  文章：550
  积分：3935
  门派：XML.ORG.CN
  注册：2005/1/8

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第7楼

http://docs.jquery.com/DOM/Manipulation
在jQuery库中提供了这个方法，虽然这个方法自己写也不难，既然有现存的，能够复用还是比较好的。
并且这个库也确实很不错。
----------------------------------------------
存在即是被搜索!
BLOG => http://www.OpenJ.cn

2007/8/30 16:35:00

yqh860921

  等级：大一新生
  文章：2
  积分：65
  门派：XML.ORG.CN
  注册：2007/9/10

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第8楼

支持flyfoxs，jquery中这个方法已经实现了

2007/11/5 11:44:00

GoogleAdSense

  等级：大一新生
  文章：1
  积分：50
  门派：无门无派
  院校：未填写
  注册：2007-01-01

	广告

2025/10/27 23:37:39

本主题贴数8，分页： [1]

管理选项：修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告


	W 3 C h i n a ( since 2003 ) 旗下站点苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》	93.750ms