JS-node节点知识点详解

本文详细介绍了JavaScript中关于Node节点的操作,包括节点的获取与设置、节点类型、innerHTML和nodeValue的区别、attributes属性的使用、父子同胞关系以及DOM尺寸和位置的计算方法,帮助开发者深入理解DOM操作。
摘要由CSDN通过智能技术生成

node节点(更详细的获取(设置)页面中所有的内容)

根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:
元素是节点的别称,节点包含元素当然节点还有好多细化的种类;
根节点:root>>>>HTML没有父节点;
节点操作:(通过父子系关系)
childNodes 获取当前元素的所有子节点;
nodeType 节点种类,返回值是数字;
nodeValue 获取(文字)节点的文本内容;
nodeName 返回node节点名称(#text,注释, 标签…);
一个可以找出元素节点的方法;

常见的节点类型:

nodeType值:1 代表元素(DIV、BODY、LI、SPAN… )
nodeType值:2 属性代表属性节点 (class,src,href)
nodeType值:3 文本节点(text节点)
nodeType值:8 代表注释节点
nodeType值:9 代表document节点;

innerHTML和nodeValue;(当innerHTML和nodeValue分别作为左值的时候)

box.innerHTML = '<strong>abc</strong>';
box.childNodes[0].nodeValue = '<strong>abc</strong>';

innerHTML会将标签解析;
nodeValue不会进行解析,会将标签名转译成字符串,直接输出;

outerHTML/innerText (W3C)

attributes属性

var oBox = document.getElementById('bo
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值