JavaScript Element innerText 属性

• 

  JavaScript Element innerText 属性

  innerText属性设置或返回指定节点及其所有后代的文本内容 。如果设置innerText属性，则会删除所有子节点，并将其替换为包含指定字符串的单个Text节点。

  注意：此属性类似于textContent属性，但是存在一些差异：

  • textContent返回所有元素的文本内容，而innerText返回除<script>和<style>元素之外的所有元素的内容 。
  • innerText不会返回用CSS隐藏的元素文本（textContent会返回）。

  提示：要设置或返回元素的HTML内容，请使用innerHTML属性。

  实例：

  获取元素的内部文本：

  var x = document.getElementById("myBtn").innerText;
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  innerText	10.0+	4.0+	45.0+	3.0+	9.6+

• 

  语法

  返回节点的文本内容：

  node.innerText

  设置节点的文本内容：

  node.innerText = text
• 

  属性值

  参数	类型	描述
  text	String	指定指定节点的文本内容

• 

  技术细节

  项目	描述
  返回值：	一个字符串，表示节点及其所有后代的“呈现”文本内容
  DOM版本	Core Level 1

• 

  更多例子

  这个例子演示了innerText，innerHTML和textContent之间的一些区别：

  <p id =“demo”> 此元素具有额外的间距，并且      包含<span>span元素</span>。</p>
  
  <script>
  function getInnerText() {
    alert(document.getElementById("demo").innerText)
  }
  
  function getHTML() {
    alert(document.getElementById("demo").innerHTML)
  }
  
  function getTextContent() {
    alert(document.getElementById("demo").textContent)
  }
  </script>
  

  尝试一下