innerHTML和innerTest的区别
📅 2026/7/28 18:40:25
👁️ 阅读次数
📝 编程学习
innerHTML和innerTest的区别
innerHTML如果后面是js代码,则会当做js代码来执行,但在innerTest后面的js代码会被当做普通 文本来输出
<style type="text/css">#div_01{background-color:aqua;width:300px;height:300px;border:1px black solid;position:absolute;top:300px;left:300px;}#div_02{background-color:aqua;width:300px;height:300px;border:1px black solid;position:absolute;top:600px;left:300px;}</style></head><body><script type="text/javascript">window.onload=function(){document.getElementById("btn_01").onclick=function(){vardiv_01=document.getElementById("div_01");vardiv_02=document.getElementById("div_02");div_01.innerHTML="<font color='red'>我爱花花</font>"div_02.innerText="<font color='red'>我爱花花</font>"}}</script><!--<input type="text"id="input_01"/>--><input type="button"value="显示"id="btn_01"/><div id="div_01"></div><div id="div_02"></div>结果如下图
编程学习
技术分享
实战经验