js中修改div的内容textContent,innerHTML,innerText,value的用法以及区别
textContent的用法
设置标签中的文本内容
<body>
<input type="button" value="按钮" id="btn">
<div id="qipa250">www.qipa250.com</div>
<script>
document.getElementById("btn").onclick = function () {
document.getElementById("qipa250").textContent = "奇葩天地网";
};
</script>
</body>
点击按钮变化
获取标签中的文本内容
<body>
<input type="button" value="按钮" id="btn">
<div id="qipa250">www.qipa250.com</div>
<script>
document.getElementById("btn").onclick = function () {
var text = document.getElementById("qipa250").textContent;
alert(text);
};
</script>
</body>
点击弹窗
innerText的用法
设置标签中的文本内容
<body>
<input type="button" value="按钮" id="btn">
<div id="qipa250">www.qipa250.com</div>
<script>
document.getElementById(