javascript总结37:DOM:innerText 和 innerHTML

innerText 和 innerHTML

作用: 给双标签的元素设置内容/获取双标签里面的内容

不同点:

innerText 只是用于获取文本或设置文本

innerHTML 不仅可以用于设置/获取文本,还可以识别html

相同点:

如果是赋值的话,都会覆盖元素内本身的内容

注意:

  • 这两个是用于双标签的属性

innerText 和 innerHTML的兼容问题

  • innerHTML是非标准属性(非w3c标准),但是所有的浏览器都支持

  • innerText属性存在兼容性问题,早期的火狐浏览器不支持该属性,使用textContent替代

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<input type="text" value ="这是文本框的内容">
<script>
  var input = document.getElementsByTagName('input')[0];
  console.log(input.innerText);
  console.log(input.innerHTML);
  console.log(input.value);


</script>

</body>
</html>

 

posted @ 2018-05-08 10:44  前端邢晋宇  阅读(184)  评论(0)  编辑  收藏  举报