wiki:javascript:javascript_note:innertext

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:javascript:javascript_note:innertext [2021/06/07 10:14]
emblim98 만듦
+++ wiki:javascript:javascript_note:innertext [2023/01/13 18:44] (현재)
@@ 줄 42: / 줄 42: @@
    * %%textContent%%는 모든 요소의 텍스트 콘텐츠를 반환하는 반면, %%innerText%%는 <script> 및 <style> 요소를 제외한 모든 요소의 콘텐츠를 반환합니다.
    % %%innerText%%는 CSS로 숨겨진 요소의 텍스트를 반환하지 않습니다 (textContent는 반환).
+====Example====
+<code javascript>
+  <body>
+    <h3>Differences between innerText and textContent.</h3>
+    <p id="demo">This p element contatins a <span style="display: none">hidden span element</span>
+    and a <span>visible span element</span>.</p>
+    <button onclick="getTextContent()">Get textContent</button>
+    <button onclick="getInnerText()">Get innerText</button>
+    <p><strong>Note:</strong> The textContent property is not supported in Internet Explorer 8 and earlier,
+     and the innerText property is not supported in IE9 and earlier.</p>
+    <p id="demo"></p>
+    <script>
+      function getTextContent() {
+        console.log(document.getElementById('demo').textContent);
+      } /* This p element contatins a hidden span element and a visible span element. */
+      function getInnerText() {
+        console.log(document.getElementById('demo').innerText);
+      } /*  This p element contatins a and a visible span element.*/
+    </script>
+  </body>
+</code>
 **Tip:** 요소의 %%HTML%% 콘텐츠를 설정하거나 반환하려면 innerHTML 속성을 사용하세요.\\

/volume1/web/dokuwiki/data/attic/wiki/javascript/javascript_note/innertext.1623028498.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)