DOM ------ 节点

简介: DOM ------ 节点

节点概述 : 节点至少拥有nodeType(节点类型) nodeName(节点名称) nodeValue(节点值)这三个基本属性

元素节点 : nodeType 为 1, HTML 标签元素 元素节点主要提供了对元素标签名 子节点及属性的访问

属性节点 : nodeType 为 2, 一般是元素节点的属性

文本节点 : nodeType 为 3 ,(文本节点包含文字 空格 换行) DOM中用于呈现文本的部分

  //html代码
  <div class="box">
        <span class="demo"></span>
    </div>
    //js代码
    var box = document.querySelector('.box')
    console.log(box)
    //输出
    //<div class="box">
      //  <span class=demo"></span>
    //</div>

不积跬步无以至千里 不积小流无以成江海

相关文章
|
1月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
22天前
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中,文档中的所有内容都被视为节点。整个文档是一个文档节点,每个 HTML 元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。DOM 将文档表示为节点树,节点之间有父子和同胞关系。
|
22天前
|
JavaScript
HTML DOM 节点
HTML DOM(文档对象模型)将HTML文档视为节点树,其中每个部分都是节点:文档本身是文档节点,HTML元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。节点间存在父子及同胞关系,形成层次结构。
|
1月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
1月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树