كيفية استرداد نص علامة Div باستخدام JavaScript (بدون jQuery)

للحصول على محتوى النص لعنصر div باستخدام JavaScript فقط، هناك بدائل لـ jQuery.

بيان المشكلة:

تم إرجاع محاولة سابقة لاسترداد النص باستخدام document.getElementById('superman').value غير محددة. الهدف هو إيجاد حل باستخدام JavaScript عادي بدون jQuery.

الحل:

لاسترداد النص بنجاح، فكر في استخدام textContent بدلاً من القيمة. تقوم الخاصية الداخلية HTML بإرجاع محتوى DOM بأكمله كسلسلة، بما في ذلك العناصر الموجودة داخل div. في المقابل، يقوم textContent باستخراج النص على وجه التحديد داخل div، مما يضمن تمثيل نص أكثر دقة.

على سبيل المثال، في ضوء HTML التالي:

  Some sample text.

استخدام InternalHTML:

var node = document.getElementById('test');
var htmlContent = node.innerHTML;
// htmlContent = "Some sample text."

استخدام textContent:

var node = document.getElementById('test');
var textContent = node.textContent;
// textContent = "Some sample text."

ارجع إلى MDN لمزيد من المعلومات حول textContent وInnerHTML:

• [textContent](https://developer.mozilla.org/ en-US/docs/Web/API/Node/textContent)
• [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML)