JavaScript HTML DOM：innerHTML 举例使用添加文本

最新推荐文章于 2025-07-22 17:50:11 发布

原创最新推荐文章于 2025-07-22 17:50:11 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js #html #html5

本文探讨了在前端开发中如何使用innerHTML属性来获取和修改HTML元素的内容。通过实例展示了如何利用这一属性替换和追加div标签内的文本，是理解和实践DOM操作的基础。

<body>
    <div id="div1">
        div
    </div>

    
    <script>
        //标签体的设置和获取：innerHTML
        var div = document.getElementById("div1");
        var innerHTML = div.innerHTML;
        // alert(innerHTML);

        //div标签中替换一个文本输入框
        // div.innerHTML = "<input type='text'>";
        
        //div标签中追加一个文本输入框
        div.innerHTML += "<input type='text'>";

    </script>
</body>