محتوى النص مقابل النص الداخلي: أيهما يجب استخدامه؟

يعد النص الداخلي ومحتوى النص من الخصائص شائعة الاستخدام في JavaScript للوصول إلى محتوى النص للعناصر . على الرغم من أن كلا الخاصيتين تشتركان في وظائف مماثلة، إلا أن هناك اختلافات رئيسية تحدد حالة الاستخدام المناسبة لكل منهما.

innerText

يُرجع النص الداخلي النص المرئي الموجود داخل عنصر HTML. وهو يستبعد أي عناصر مخفية أو عناصر تم تعيين أنماط العرض فيها على "لا شيء".

مثال:

مرحبًا

Hello 

textContent ، من ناحية أخرى، يُرجع textContent محتوى النص الكامل، بغض النظر عن الرؤية أو أنماط العرض. في المثال أعلاه، سيُرجع textContent "Hello World".

التوافق القياسي:

• الأداء: يتطلب InternalText معلومات التخطيط لتحديد النص المرئي، مما يجعله أكثر كثافة في الأداء من textContent.
• النطاق: يتوفر النص الداخلي فقط لكائنات HTMLElement، بينما يمكن استخدام محتوى النص مع جميع كائنات Node.
• اعتبارات الاستخدام:

لـ في الحالات التي تريد فيها الوصول إلى النص المرئي فقط، قد يكون النص الداخلي خيارًا أكثر كفاءة. ومع ذلك، إذا كنت بحاجة إلى استرداد محتوى النص بالكامل، بما في ذلك المحتوى الدقيق، فإن textContent هي الخاصية المفضلة.في المثال المقدم:

var logo$ = document.getElementsByClassName('logo' )[0]; logo$.textContent = "Example";

يمكنك استخدام textContent لتحديث محتوى النص لعنصر الشعار. سيتم استبدال أي نص موجود بـ "مثال".