HTMLElementï¼innerText å±¬æ§

Baseline Widely available

This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2016å¹´3æ.

HTMLElement ä»é¢ç innerText å±¬æ§è¡¨ç¤ºä¸åç¯é»åå¶å¾ä»£çç®ç¹ªæåå§å®¹ã

åè¨»ï¼innerText å®¹æè Node.textContent æ··æ·ï¼ä½å©èä¹éæéè¦çå·®ç°ãåºæ¬ä¸ï¼innerText ææç¥æåçç®ç¹ªå¤è§ï¼è textContent åä¸æã

å¼

ä¸åè¡¨ç¤ºåç´ ç®ç¹ªæåå§å®¹çåä¸²ã

ç¯ä¾

æ¤ç¯ä¾æ¯è¼ innerText è Node.textContentã æ³¨æ innerText å¦ä½æç¥ <br> çåç´ ï¼ä¸¦å¿½ç¥é±èçåç´ ã

HTML

html

<h3>åå§åç´ ï¼</h3>
<p id="source">
  <style>
    #source {
      color: red;
    }
    #text {
      text-transform: uppercase;
    }
  </style>
  <span id="text">
    çä¸ç<br />
    éæ®µæå<br />
    å¨ä¸æ¹å¦ä½è¢«è§£è®ã
  </span>
  <span style="display:none">é±èæå</span>
</p>
<h3>textContent ççµæï¼</h3>
<textarea id="textContentOutput" rows="18" cols="40" readonly>â¦</textarea>
<h3>innerText ççµæï¼</h3>
<textarea id="innerTextOutput" rows="6" cols="40" readonly>â¦</textarea>

JavaScript

const source = document.getElementById("source");
const textContentOutput = document.getElementById("textContentOutput");
const innerTextOutput = document.getElementById("innerTextOutput");

textContentOutput.value = source.textContent;
innerTextOutput.value = source.innerText;