lovecoding
/
web0331


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="box"></div>
    <p id="main">1111</p>
    <div id="list">
        <p>你好</p>
    </div>
    <div id="demo"></div>
    <h1 id="news">
        <p>新的</p>
    </h1>
    <script>
        var box = document.getElementById("box");
        var main = document.getElementById("main");
        var list = document.getElementById("list");
        var p1 = document.querySelector("#list p");
        var demo = document.getElementById("demo")
        var news = document.getElementById("news")
        console.log(box.nodeName) //节点名字
        console.log(main.nodeName) //节点名字
        console.log(main.nodeValue) //null
        console.log(p1.nodeValue,'333') //null
        
        console.log(main.nodeType) //1 节点类型
        /**
         * 元素节点没有nodeValue 是null
         * document 是没有nodeValue null
         *  节点是元素节点，则 nodeType 属性将返回 1。
            节点是属性节点，则 nodeType 属性将返回 2。
            节点是文本节点，则 nodeType 属性将返回 3。
            节点是注释节点，则 nodeType 属性将返回 8。
            nodeName 节点名字
        */
    // 单行注释
    /* 多行注释 */
    /**
     * 往元素中添加内容
     * innerText 从开始内容到结束内容全部展示 但是不包含标签 纯文本信息
     * innerHTML 从开始内容到结束内容全部展示 包含了标签
    */
        demo.innerText ='哈哈'
        demo.innerHTML = '哈哈哈哈哈'
        alert(news.innerHTML)
        alert(news.innerText)

    </script>
</body>
</html>