【js操作dom对象学习笔记三之innerText、innerHTML、textContent的用法和区别】

博客介绍了innerText、textContent和innerHTML的区别。innerText和textContent可设置标签中文本内容,textContent在ie8不支持;innerHTML可设置新的html内容,包括标签和文本。还给出获取标签文本内容的函数,最后给出不同需求下属性的使用建议。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

innerText textContent innerHTML的区别
   innerText textContent 都可以设置标签中的文本内容,只是textContent在ie8中不支持
   如果这个属性在浏览器中不支持,那么这个属性的类型为undefined
   innerHTML的主要作用是在标签中设置新的html内容,既可以设置标签内容也可以设置文本内容,
   推荐使用innerHTML


   //获取任意标签中间的文本内容
  function getInnerText(element) {
    if(typeof element.textContent=="undefined"){
     return element.innerText;
    }else{
      return element.textContent;
    }
  }

   结论:
  如果想要(获取)标签及内容,使用innerHTML
  如果想要设置标签,使用innerHTML
  想要设置文本,用innerText,或者innerHTML,或者textContent

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值