当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 取得父标签

Javascript
用Javascript轻松制作抽奖系统
一个鼠标效果,代码简单易懂,效果不错的
JavaScript的目的
时钟显示在任意指定位置
浅谈在网页上显示日期的两种方法
设计干净的链接
动态CSS,换肤技术
说不清的 childNodes
innerHTML和innerText的使用方法
Web开发:Javascript是Web开发正确方向的一个错误吗?
JS特效代码:实现间歇无缝文字滚动特效
Javascript编程语言和DOM接口系列教程(1)
JS实例教程:用6N±1法求素数
Firefox的Jetpack扩展案例分析:Gmail邮件提醒
JS小游戏实例:2D桌面台球
JS实例教程:制作图片放大特效
用Ant构建JavaScript组件
JavaScript组件:编码实现和算法
JS教程:制作颜色梯度和渐变效果
JS编码技巧:翻译的14天JS编写技巧

Javascript 中的 取得父标签


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 231 ::
收藏到网摘: n/a

取得父标签
FF 下没有 event
用 arguments[0]
FF 下没有 srcElement
用 target
FF 下没有 parentElement
用 parentNode
复制代码 代码如下:

function obj_event_onsomething(e){
var e=window.event?window.event:e;
var srcEle=e.srcElement?e.srcElement:e.target;
var theObjectYouWant=srcEle.parentNode;
}

刚刚又发现,FF下的childNodes比IE下的要大1
复制代码 代码如下:
o.previousSibling.href || o.previousSibling.previousSibling.href
前面一个表达式用于IE下,后面一个用于FireFox下.
因为在IE下,XMLDom没有preserveWhiteSpace这个属性,即:把空白也当作一个节点,而IE则默认为false,即把空白不看成一个节点.
这里说到了XMLDom,似乎和上面所说的不相关,但是在FireFox下 previousSibling就是空白,除非两个HTML标签之间没有任何形式的空格.

这个空白指的是 #text 节点
复制代码 代码如下:
<div>
<a>123</a>
6546
<b>321</b>
</div>

这里 div 应该有5个子节点
1. div 标记后到 a 标记前的那个回车换行
2. a 标记
3. \r\n6546\r\n
4. b 标记
5. b 标记后到 div 结束标记前的那个回车换行