JS DOM节点(当前标签和同级、父级、子级..之间的关系)
1. 通过顶层document节点获取
1) document.getElementById(elementId) //根据id获得
2) document.getElementsByName(elementName) //根据name获得
3) document.getElementsByTagName(tagName) //根据标签名获得
2、通过父节点获取
1) parentObj.firstChild //获得第一个子节点
2) parentObj.lastChild //获得第二个子节点
3) parentObj.childNodes //获取作为指定对象直接后代的HTML元素和TextNode对象的集合
4) parentObj.children //非标准dom集合,建议使用childNodes
5) parentObj.getElementsByTagName(tagName) //获得该标签下标签名为tagName的所有标签
3、通过临近节点获取
1) neighbourNode.previousSibling //获得同级前一个标签
2) neighbourNode.nextSibling //获得同级后一个标签
4、通过子节点获取
1) childNode.parentNode //获得父标签
附录:nodeName 属性含有某个节点的名称。
元素节点的nodeName 是标签名称
属性节点的nodeName 是属性名称
文本节点的nodeName 永远是 #text
文档节点的nodeName 永远是 #document
nodeValue
对于文本节点,nodeValue 属性包含文本。
对于属性节点,nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
nodeType 属性可返回节点的类型具体如下:
1 Element 元素
2 Attribute 属性
3 Text 文本
4 CDATA Section CDATA断
5 Entity Reference 实体参数
6 Entity 实体
7 Processing Instrucion 处理指令
8 Comment 注释
9 Document 文档
10 Document Type 文档类型
11 Document Fragment 文档片断
相关文章
- JS框架_(JQuery.js)网页文字评论弹幕
- JS框架_(JQuery.js)高德地图api
- 一统江湖的大前端(7)React.js-从开发者到工程师
- js jquery - 获取元素(父节点,子节点,兄弟节点),元素筛选 (转载)
- JS - 兼容到 IE 8
- JS - 解决引入 js 文件无效的问题
- js对象与字符串相互转换
- baguetteBox.js响应式画廊插件(纯JS)
- js清空子节点
- 当当网新用户注册界面——JS代码
- A2D JS框架 - DES加密解密 与 Cookie的封装(C#与js互相加密解密)
- JS插件之——bootstrap-suggest.js
- js里各浏览器解析XML,支持IE、火狐、Chrome等
- js获取节点和编辑的方法
- vue.js 3.2.22:用@vueuse/core实现图片懒加载(@vueuse/core@7.0.3)
- js和jquery获取父级元素、子级元素、兄弟元素的方法{转}
- a链接中 JS弹出确认对话框方法
- js 语法:JSON.stringify(data, null, 4)
- 如何通过js文件的名称,反查出这个js文件所在project的artifact id和group id
- js点击删除当前demo示例(整理)
- web版拳皇,使用html,css,js来制作一款拳皇游戏
- JS:crypto-js实现AES加密解密
- JS中sort()方法原理及使用
- 【JS高级】js面向对象三大特性之多态_07
- 原生js实现随机验证码HTMl-JS
- JS从0到1——667. 游戏时间