js中的value和innerHTML和inerText

最新推荐文章于 2023-10-18 22:51:26 发布

约德尔蒙

最新推荐文章于 2023-10-18 22:51:26 发布

阅读量755

点赞数

分类专栏： Js

本文链接：https://blog.csdn.net/gyq04551/article/details/53242444

版权

Js 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

            <!--<input type="button" value="我是input中的button"/>-->
            <!--<button>我是button</button>-->
            <input id="inp1" type="text" value="我是inpput的value属性值"/>

            <div id="box1">
                <!--我是box1的内容-->
                <div id="box2">我是box2的内容</div>
            </div>

            <div id="box3">
                <!--我是box1的内容-->
                <div id="box4">我是box2的内容</div>
            </div>


            <script>

                //value：标签的value属性。
                console.log(document.getElementById("inp1").value);

                //innerHTML：获取双闭合标签里面的内容。（识别标签）
                console.log(document.getElementById("box1").innerHTML);
                console.log(document.getElementById("box2").innerHTML);
                document.getElementById("box1").innerHTML = "<h1>我是innerHTML</h1>";

                //innerText：获取双闭合标签里面的内容。（不识别标签）（老版本的火狐用textContent）
                console.log(document.getElementById("box3").innerText);
                document.getElementById("box3").innerText = "<h1>我是innerText</h1>";


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