码迷,mamicode.com
首页 > 移动开发 > 详细

DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动

时间:2018-03-13 12:15:45      阅读:54      评论:0      收藏:0      [点我收藏+]

标签:lin   鼠标   parent   tar   src   通用   包含   pre   存在   

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.parendElement, 
返回所有子节点:node.childNodes(包含文本节点及标签节点),node.children 
返回第一个子节点:node.firstChild 
返回最后一个子节点: node.lastChild 
返回同属上一个子节点:node.nextSibling 
返回同属下一个子节点:node.previousSibling 
parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持 ,所以只要记得有parentElement和children就行了

DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动

标签:lin   鼠标   parent   tar   src   通用   包含   pre   存在   

原文地址:https://www.cnblogs.com/cupidity/p/8555160.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!