js 修改标签内容样式

使用 js 修改其样式 ：

<div id = "name"></div>

let a = document.getElementById("name");
a.style.width = "10px";// 修改

JS获取/修改文本框输入的内容value：

<input id="cons" type="text">

var a = document.getElementById("cons").value;//获取
document.getElementById("cons").value = 123;//修改

修改div标签中的内容：innerHTML、innerText： 

document.getElementById("name").innerHTML = 123;
document.getElementById("name").innerText = 123;

区别：innerHTML属性会将属性值以html代码的方式输出到浏览器，也就是说innerHTML内可以传html代码。innerText属性是将属性值以纯文本方式输出到浏览器。

Html5中修改标签内容样式 ：

<div class="item" οnclick="setContData('乡村')">点击修改数据</div>

<img id="khalimg1" src="images/blog/图片3.png" alt="">

<h5 id="khaltext1">陕西华山</h5>

<script>
    function setContData(val) {
      if (val == "乡村") {
        document.getElementById('khalimg1').src = "images/blog/图片1.png"
        $("#khaltext1").html("杭州萧山")
      }
    }
</script>