本文介绍了如何使用JavaScript改变HTML元素的内容（innerHTML）、属性值（如input的value）以及样式（如background-color）。实例演示了如何在代码中操作
、和
常用改变 HTML 元素方法如下：
1.元素.innerHTML = 内容
改变元素的内容（包含内部标签）可识别标签
<div id="content"> 我是内容标签 <p>我是 P 标签</p> </div> <script> let content = document.getElementById('content'); content.innerHTML = "<h1>我是 H1 标签</h1>"; </script>
2.元素.属性 = 属性值
改变 HTML元素的属性值
<input type="text" id="inp" value="123" /> <script> let inp = document.getElementById('inp'); inp.value = 456; </script>
3.元素.style.样式 = 样式值
改变 HTML 元素的样式
<div id="col"> 我是黑色 </div> <script> let col = document.getElementById('col'); col.style.backgroundColor = 'pink'; </script>
