使用 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>