dom树的节点类型

最新推荐文章于 2020-12-03 10:36:41 发布

卖猹的西瓜君

最新推荐文章于 2020-12-03 10:36:41 发布

阅读量2.5k

点赞数

分类专栏： js基础

本文链接：https://blog.csdn.net/weixin_36038649/article/details/79394581

版权

js基础专栏收录该内容

7 篇文章 0 订阅

订阅专栏

element对象,node对象两者统称为DOM对象

DOM树中有4中节点类型

元素节点
属性节点
文本节点
注释节点

节点的属性

nodeType
nodeName
nodeValue

元素节点

nodeType 1
nodeName 大写标签名
nodeValue null

属性节点

nodeType 2
nodeName 属性名
nodeValue 属性值

文本节点

nodeType 3
nodeName #text
nodeValue 文本内容

注释节点

nodeType 8
nodeName #comment
nodeValue 注释内容

文档节点

nodeType 9
nodeName #document
nodeValue null

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <div>

        <h1>1</h1>

        <p>2</p>

    </div>

<script>

var div = document.getElementsByTagName('div');

console.log(div);

console.log(document.body.childNodes)

</script>

</body>

</html>