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 文档片断

转载于:https://www.cnblogs.com/jianxian/p/9490091.html

JS DOM节点（当前标签和同级、父级、子级..之间的关系）相关推荐

class 原生js获取父元素_JS获取节点的兄弟,父级,子级元素的方法
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素原生的J ...
Vue.js父与子组件之间传参父向子组件传参　　例子：App.vue为父，引入componetA组件之后，则可以在template中使用标签（注意驼峰写法要改成componet-a写法，因为ht
Vue.js父与子组件之间传参父向子组件传参例子:App.vue为父,引入componetA组件之后,则可以在template中使用标签(注意驼峰写法要改成componet-a写法,因为html对 ...
S获取节点的兄弟,父级,子级元素的方法
JS获取节点的兄弟,父级,子级元素的方法作者: 字体:[增加减小] 类型:转载时间:2014-01-09 我要评论本篇文章主要是对JS获取节点的兄弟,父级,子级元素的方法进行了详细的介绍,需要 ...
CSS父级子级学习总结
CSS 父级子级 http://www.divcss5.com/rumen/r239.shtml 1.认识了解简单讲CSS父级 CSS子级是相对而言,如一个DIV "A"被另外一 ...
8、Js DOM节点，星星案列
DOM节点:描述网页各个组成之间的关系 var.obj=document.getElementById("id名"): 火狐浏览器中的空白也算一个节点 ParentNode:父节点 ...
js DOM节点操作之创建、添加、删除和克隆节点
1. 创建节点 document.createElement("tagName"):tagName为HTML标签名,创建一个标签名为tagName的元素节点. <body&g ...
jquery兄弟标签_jQuery的父，子，兄弟节点查找方法
jQuery的父,子,兄弟节点查找方法 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("s ...
c#如何将多个json合并_合并两个c＃对象（json）列表作为父级子级
我有一个看起来像下面的json字符串: [ { "id": 1, "title": "Hello" }, { "id": ...
JS DOM节点增删改查属性设置
一.节点操作增 createElement(name)创建元素 appendChild();将元素添加删获得要删除的元素获得它的父元素使用removeChild()方法删除改第一种方式: ...
jquery兄弟标签_JQuery的父、子、兄弟节点查找方法
jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 jQuery.children ...

JS DOM节点（当前标签和同级、父级、子级..之间的关系）

JS DOM节点（当前标签和同级、父级、子级..之间的关系）相关推荐

最新文章

热门文章