用js改变html的属性

用js改变html属性

元素.innerHTML = 内容     改变元素的内容（包括内部标签）可识别标签

元素.属性 = 属性值            改变html元素的属性值

元素.style.样式 = 样式值    改变html元素的样式

   <!-- 首先在html文件里面添加一个div标签，然后在js文件里面通过document.getElementById()方法获取到这个div标签，然后对其进行操作，比如修改innerHTML、修改style等。
     然后里面还有input标签，通过document.getElementById()方法获取到这个input标签，然后对其进行操作
     最后还有一个div标签，通过document.getElementById()方法获取到这个div标签，然后对其进行操作
     这里面又一个小点，在let后面声明backgroundColor、color、fontSize、width等属性，然后通过style.属性名 = 值的方式进行修改
    其次就是let.col后面的值不能重复变量去使用，否则会不显示，可以在下面直接使用col.属性名 = 值的方式进行修改。 -->
    <div id="content"> 我是 DIV 标签 <p>我是 P 标签</p>
    </div>
    <input type="text" id="inp" value="123" />
    <div id="col"> 我是黑色 </div>

    <script>
        let content = document.getElementById('content'); content.innerHTML = "<h1>我是 H1 标签</h1>";

        let inp = document.getElementById('inp'); inp.value = 456;

        let col = document.getElementById('col');
        col.style.backgroundColor = 'pink';
        col.style.color = 'black';
        col.innerHTML = "我是粉色";
        col.style.fontSize = '20px';
        col.style.width = '100px';
    </script>