lovecoding
/
W260426


			
							1234567891011121314151617181920212223242526272829303132333435
							<!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>
    <h1>你好</h1>
    <div></div>
    <script>
        // ！！*注意 只要通过js控制元素，必须要先获取到元素对象
        // 控制内容
        // 1：通过元素对象的innerText属性来控制元素的内容
        // innerText属性可以控制元素的内容，也可以获取元素的内容
        // innerText属性只能控制文本内容，不能当作标签操作
        var h1 = document.getElementsByTagName("h1");
        // 设置元素的内容
        // h1[0].innerText = "hello world";
        // 获取元素的内容
        var h1InnerText = h1[0].innerText;
        console.log(h1InnerText);
        h1[0].innerText = h1InnerText + " world";


        // 2、通过元素对象的innerHTML属性来控制元素的内容
        // innerHTML属性可以设置元素的内容，也可以获取元素的内容
        // innerHTML属性可以控制标签内容可以当作标签操作
        var oDiv = document.getElementsByTagName("div")[0];

        // oDiv.innerText = "<h1>world</h1>";
        oDiv.innerHTML = "<h1>world</h1>";
    </script>
</body>
</html>