请选择 进入手机版 | 继续访问电脑版

JS中innerText和innerHTML的区别与案例分析

[复制链接]
查看1578 | 回复0 | 2020-2-9 08:29 | 显示全部楼层 |阅读模式
JS中innerText和innerHTML的区别与案例分析
innerText主要是设置文本的,甚至标签内容,是没有标签的效果的。
innerHTML主要的作用是在标签中设置新的heml标签内容,是有标签效果的。

下面蚂蚁仔给大家看个案例:
  1. <body>
  2.     <button>请点击我们</button>
  3.     <div id="mayizai">显示内容展示</div>
  4.     <script>
  5.         var btn = document.querySelector('button');
  6.         var mayizai = document.getElementById('mayizai');
  7.         btn.onclick = function() {
  8.             mayizai.innerHTML = '<b>今天天气还不错哦</b>';
  9.         }
  10.     </script>
  11. </body>
复制代码
这里要注意的是mayizai.innerHTML = '<b>今天天气还不错哦</b>';是赋值,有很多js新手写成了mayizai.innerHTML('<b>今天天气还不错哦</b>');这样是不多的。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-3-24