خاصية HTML DOM innerText
مثال
احصل على النص الداخلي للعنصر:
var x =
document.getElementById("myBtn").innerText;
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تقوم الخاصية innerText بتعيين أو إرجاع محتوى النص للعقدة المحددة وجميع العناصر التابعة لها .
إذا قمت بتعيين الخاصية innerText ، فستتم إزالة أي عقد فرعية واستبدالها بعقدة نصية واحدة تحتوي على السلسلة المحددة.
ملاحظة: هذه الخاصية مشابهة لخاصية textContent ، ولكن هناك بعض الاختلافات:
- يعرض textContent محتوى النص لجميع العناصر ، بينما يُرجع النص الداخلي محتوى جميع العناصر ، باستثناء عناصر <script> و <style>.
- لن يقوم innerText بإرجاع نص العناصر المخفية باستخدام CSS (إرادة محتوى النص).
تلميح: لتعيين أو إرجاع محتوى HTML لعنصر ما ، استخدم خاصية innerHTML .
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
innerText | 4.0 | 10.0 | 45.0 | 3.0 | 9.6 |
بناء الجملة
إعادة محتوى نص العقدة:
node.innerText
قم بتعيين محتوى نص العقدة:
node.innerText = text
قيم الملكية
Value | Type | Description |
---|---|---|
text | String | Specifies the text content of the specified node |
تفاصيل تقنية
قيمة الإرجاع: | سلسلة ، تمثل المحتوى النصي "المقدم" للعقدة وجميع فروعها |
---|
مزيد من الأمثلة
مثال
يوضح هذا المثال بعض الاختلافات بين innerText و innerHTML و textContent:
<p id="demo"> This element has extra spacing and contains <span>a span
element</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>
احصل على محتوى العنصر <p> أعلاه بالخصائص المحددة:
يعيد innerText : "هذا العنصر يحتوي على تباعد إضافي ويحتوي على عنصر امتداد."
إرجاع innerHTML : "يحتوي هذا العنصر على مسافات إضافية ويحتوي على <span> عنصر امتداد </ span>."
إرجاع textContent : "يحتوي هذا العنصر على مسافات إضافية ويحتوي على عنصر امتداد."
ترجع الخاصية innerText النص فقط ، بدون تباعد وعلامات العناصر الداخلية.
تقوم خاصية innerHTML بإرجاع النص ، بما في ذلك كل علامات التباعد والعنصر الداخلي.
تقوم خاصية textContent بإرجاع النص مع تباعد ، ولكن بدون علامات العنصر الداخلي.