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

最新推荐文章于 2022-11-02 18:11:07 发布
最新推荐文章于 2022-11-02 18:11:07 发布
阅读量513 收藏
点赞数 1

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就行了 

weixin_34234721
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jacascript DOM节点——元素节点、属性节点、文本节点
08-30
这表明在`<ul>`中有两个元素子节点（`<li>`）。 **属性节点** 代表HTML元素的属性，如`class`、`id`、`style`等。DOM提供了一系列方法来操作属性。`hasAttribute(attr)`用于判断元素是否具有指定的属性，返回布尔值...
javascript获取dom的下一个节点方法
10-25
主要介绍了javascript获取dom的下一个节点方法,实现在页面点击加减按钮数字的累加，需要的朋友可以参考下
DOM节点以及节点之间的关系
@宝藏男孩
03-15 2306
三大属性 所有的Node(元素、属性、文本)对象都是document的 子代节点 nodeType 节点类型（number） document 9 element 1 attrbute 2 text 3 节点名 (nodeName) document -> #document 标签元素 -> 全大写的标签名 属性名 -> attitude 文本节点 -> #tex...
DOM结构与DOM操作
jjkl0720130019的专栏
10-11 3929
DOM——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 DOM是文档对象模型的简称，借助DOM模型可以将一个结构化文档转换成DOM树，程序可以访问、修改梳理的节点，也可以新增、删除树里的节点。DOM只是访问结构化文档（主要是HTML和XML）的一种思想，并不是一种技术。基于这种思想，各种语言都有自己的DOM解析器。解析器的作用是完成结构化文档和DOM树之间的转换关系。通过使用DOM模
两个节点之间的关系以及如何在节点之间任意移动
10-23 1086
两个节点间的关系 包含与被包含关系 　　父级属性：parentNode, parentElement. 　　子级属性：childNodes, children, childElementCount, firstChild, lastChild, firstElementChild, lastElementChild 同辈 　　兄弟节点：nextSibling, previous...
relation-graph一个vue关系图谱组件的使用
最新发布
weixin_45289656的博客
11-02 1万+
relation-graph一个vue关系图谱组件的使用
两个节点之间可能存在的关系以及如何在节点之间任意移动
Johnny Liao的博客
11-22 6603
两个节点之间可能存在的关系： parentNode(每个节点)， childNodes, firstChild, lastChild, nextSibling(), previousSibling() 节点之间任意移动: 节点A放在childNodes末尾：  someNode.a(A) 节点A放在ch
knitter:两个 DOM 节点之间的箭头
06-29
"Knitter"是一个JavaScript库，专门用于在网页中创建两个DOM节点之间的可视化箭头。这个库可以帮助开发者在页面上直观地表示元素之间的关系，比如在数据流图、工作流程图或者关系图中。通过在DOM元素之间绘制箭头，...
JS/jQuery判断DOM节点是否存在的简单方法
10-21
下面性价比就为大家带来一篇JS/jQuery判断DOM节点是否存在的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起 小编过来看看吧
DOM编程-节点操作(一)
Raaabbt GO!!
07-23 437
DOM节点操作浏览器读取HTML文件并解析后，可以生成页面结构，那么在结构生成之后还可不可以再修改这个结构呢，这就需要用到我们的DOM节点操作节点操作主要有以下内容： * 获取节点 * 创建节点 * 修改节点 * 插入节点 * 删除节点 * innerHTML获取节点 父子关系 parentNode firstChild/lastChild/childNodes childNodes/
HTML节点关系
iteye_8313的博客
12-08 219
看下面这段html代码： a b 其中div相当于根节点,是span和input的父节点(parentNode),span和input是他的子节点(childNodes[])。span和input是兄弟关系。由于兄弟节点是按照顺序来排序的.所以span...
前端面试题总结（3）
wuyxinu的博客
06-18 3177
一、题目 1、关于 BFC (block formatting context)，以下说法错误的有： ​ A、display 的值为 table-cell , table-caption和 inline-block 中的其中一个时，可触发 BFC ​ B、postion 的值为 relative 和 static 时可触发BFC ​ C、overflow-hidden 可作为常用 BFC 布局属性使用 ​ D、只要元素可以触发BFC，就无须使用 clear:both 来清除浮动的影响 2、根据栅格系统的标准
节点间的关系
chiniue1759的博客
11-13 510
节点关系； 两大类: 1、父子关系 elem.parentNode => 获得elem的父节点 elem.chlidNodes => 获得elem的所有直接子节点 elem.firstChild =>获得 elem的第一个子节点 elem.lastChild=...
JS中通用的contains方法判断两个节点的关系
A_Runner的博客
10-30 3481
“我生本无乡,心安是归处”function contains(refNode, otherNode){ if (typeof refNode.contains == "function" && (!client.engine.webkit || client.engine.webkit >= 522)){ return refNode.contains(otherNode);
2017、2018面试分享（js面试题记录）记得点赞分享哦；让更多的人看到~~
weixin_34032827的博客
03-19 2179
2017面试分享（js面试题记录） 1. 最简单的一道题 '11' * 2 'a8' * 3 var a = 2, b = 3; var c = a+++b; // c = 5 2. 一道this的问题 var num = 10; var obj = { num:8, ...
DOM
蓝色杯子和猫
06-01 767
一、DOM结构两个节点之间可能存在哪些关系？以及如何在节点之间任意移动？DOM中两个节点存在的关系无非3种：父子 同辈 包含 下面详细来讲解属性1 父级属性获取父节点： node.parentNode node.parentElement两者的区别在于后者只能获取元素获取子节点： childNodes，children firstChild，lastChild，firstEleme
节点的关系和操作
洛神赋
06-26 691
节点之间的关系每一个节点都有childNodes属性，这个属性明显体现了父子关系。从父到子。每一个节点都有parentNode属性，这个属性也体现了父子关系。从子到父。同一个父节点的nodeList中的每一个节点都有previousSibling属性和nextSibling属性，即便是第一个和最后一个，结果无非就是空与非空。这明显体现了兄弟关系。通过以上的由父到子和由子到父以及兄弟之间的关系，我们...
深入理解DOM节点关系
weixin_34250434的博客
08-19 143
前面的话 　　DOM可以将任何HTML描绘成一个由多层节点构成的结构。节点分为12种不同类型，每种类型分别表示文档中不同的信息及标记。每个节点都拥有各自的特点、数据和方法，也与其他节点存在某种关系。节点之间的关系构成了层次，而所有页面标记则表现为一个以特定节点为根节点的树形结构。本文将详细描述DOM间的节点关系 　　节点中的各种关系可以用传统的家族关系来描述，相当于把文档树比喻成家谱。接下...
$(Dom节点1 Dom节点2) 选择器中的两个Dom节点的包含关系
weixin_30455067的博客
01-20 110
刚刚开通了自己个人的微博和博客，由于没有过类似的经历，所以有些不知所措。 说起来自己已经从事软件开发工作5个月了。 听前辈说写博客总结非常有作用却一直没有实际行动。 今天，算是总算是行动了，因为是第一遍博文，就写一点自己学到的非常基础的小知识。 记得刚开始解除jQuery选择器的时候，看到前辈代码里这三个类似的东西：$('Dom节点1','Dom节点2') 和 $('Dom节点1...
Web前端开发技术-节点和节点的操作.pptx
07-07
节点之间存在层级关系，例如，HTML结构中的根节点是`<html>`，每个元素都有父节点和子节点，而兄弟节点则是具有相同父节点的不同元素。在JavaScript中，可以通过`parentNode`属性获取元素的父节点，如果找不到则返回...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值