后台-插件-广告管理-内容页广告位一(手机)

您现在的位置是:首页 > 开发类 > Web开发Web开发

JavaScript 11 节点

2021-06-07 21:02:59Web开发人已围观

简介节点的层次结构 nodeType节点的类型 1 元素节点 //nodeType=1 2 属性节点 3 文本节点 //nodeType=3 4 注释节点 //nodeType=8 nodeName 节点

节点的层次结构

nodeType节点的类型

1 元素节点  //nodeType=1

2 属性节点

3 文本节点  //nodeType=3

4 注释节点  //nodeType=8

nodeName 节点的名称(标签名称)

nodeValue 节点值

  元素节点的nodeValue始终是null

父子结构:

父:parentNode  //父节点只有一个,所以不加s    获取父节点:box.parentNode

子:childNodes  //一般子节点有很多,所以是复数   获取子节点:box.childNodes

兄弟节点:  下一个兄弟节点:box.nextSibling  上一个兄弟节点:box.previousSibling    下一个兄弟元素:box.previousSibling,如果当前元素已经是最后一个,就返回null  上一个兄弟元素:box.previousSibling

子元素:children

判断当前子节点是否为元素节点:nodeType属性为1

<div id="box" age=12>
    <span>123</span>
    <!-- sdsd? -->
</div>
<script type="text/javascript">
    var box = document.getElementById('box');  
    //判断当前节点是否为元素节点
        for(i=0,i<box.childNodes.length,i++){
              node = box.childNodes[i];
              if(node.nodeType === 1){
                    console.log(node)     
              }
         }
</script>

只 获取所有子元素:

box = document.getElementById('box');
console.log(box.children)

获取第一个子节点:box.firstChild    //包含文本节点

获取第二个子节点:box.lastChild    //包含文本节点

获取第一个子元素:box.firstElementChild  //需处理兼容性问题

var ul = getFirstElementChild()

void 是运算符,执行void后面的表达式,并始终返回undefined

<a herf="javascript : void(0)"></a>

文章来源:https://www.cnblogs.com/xiaoyuheng/archive/2021/06/06/14856317.html

Tags:

很赞哦! ()

后台-插件-广告管理-内容页广告位二(手机)

相关文章

后台-插件-广告管理-内容页广告位三(手机)
后台-插件-广告管理-内容页广告位四(手机)

文章评论

留言与评论(共有 0 条评论)
   
验证码:

本栏推荐

站点信息

  • 文章统计60345篇文章
  • 浏览统计4607次浏览
  • 评论统计1个评论
  • 标签管理标签云
  • 统计数据:统计代码
  • 微信公众号:扫描二维码,关注我们