js-获取子节点--具体节点调用

通过具体的元素节点调用getElementsByTagName=======返回当前节点的指定标签名后代节点

childNodes---当前节点的所有子节点

firstChild--当前节点的第一个子节点

lastChild--当前节点的最后一个子节点

//childNodes获取包括文本节点的所有子节点___其中空白节点也会作为文本节点---------注意ie8下面不会讲空白节点作为子节点

children：获取当前节点所有的子元素——子元素只有标签：不包括文本节点

firstChild：获取当前节点的第一个子节点包括空白：

firstElementChild：是元素子节点——但是不推荐使用，因为需要ie8以上

lastchid：最后一个节点：

 var btn04 = document.getElementById("btn04");btn04.onclick = function () {var city = document.getElementById("city");var city_li = city.getElementsByTagName("li");//返回的值是类数组//innerHTML对于自结束标签没有意义 a innerHTML /a for (var i = 0; i < city_li.length; i++) {//使用读取属性 读.属性 元素.name  .value//除了class属性 需要使用.classNamealert(city_li[i].innerHTML);}};var btn05 = document.getElementById("btn05");btn05.onclick = function () {var city = document.getElementById("city");//childNodes获取包括文本节点的所有子节点var cns = city.children;//返回的值是类数组alert(cns.length);};var btn06 = document.getElementById("btn06");btn06.onclick = function () {var phone = document.getElementById("phone");//childNodes获取包括文本节点的所有子节点var fir = phone.firstChild;//返回的值是类数组alert(fir.innerHTML);};

js-获取子节点--具体节点调用相关推荐

js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性修改属性值、js 获取子元素、js 改变css样式
参考书籍:<JavaScript DOM编程艺术第2版> 本博客代码的测试页面是:https://www.layui.com/ js dom操作 js 获取元素节点一份document ...
JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名 ...
JS获取子节点、父节点和兄弟节点的方法
一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要 ...
JS获取子节点、父节点和兄弟节点的若干种方式
一.js获取子节点的方式 1.通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要按 ...
js获取子节点的方法
1.通过获取DOM方式直接获取子节点其中price为父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候按数组的形式访问即可,如va ...
js 获取元素所有兄弟节点实例
现在在js中要获取兄弟节点有两种常用的方法,一种是利用js来遍历,另一种是利用jquery来获取,下面小编来给大家介绍一下. 比如一个ul里面有10个li,而第3个li上有特殊的样式(比如颜色为红色, ...
js获取子元素，原生获取子元素
js原生获取子节点: 1.封装成公用方法,以便于复用. function deleteTextNode(id) {var _elem = document.getElementById(id),_ch ...
js 获取子节点个数
获取id=tr 下面td的个数 js: var node = document.getElementById("tr").childNodes; for (var i = 0; ...
js获取子元素在父元素中的序号的方法
先创建一个div,其中包含不同类型的子元素 <div id="div_test" onclick="test()"><div>adasd ...
js获取子元素的内容
<div class="aaa1"> <div class="">123</div> <span>2222< ...

js-获取子节点--具体节点调用

js-获取子节点--具体节点调用相关推荐

最新文章

热门文章