انتقل إلى محتوى الدرس

Get element contents in JavaScript قراءة محتوي العناصر بلغة جافا سكريبت

سنتعلم في هذا الدرس كيفية البحث عن عنصر داخل شجرة DOM Tree ثم التعديل وأضافة عناصر أو نصوص بداخله أو التعديل علي أي عناصر متفرعه منه داخل مستند HTML.

1 صفوف تعليمية
جافا سكريبت
4,869 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يقرأ المحتوي الموجود بداخل عناصر HTML عن طريق لغة الجافا سكريبت بأستخدام خاصية innerText و خاصية innerHTML فقط قم بتحدد العنصر أو العناصر ثم اتبع هذه العملية بالخاصية المناسبة.

قراءة محتوي عنصر عن طريق خاصية innerText

قراءة محتوي عنصر عن طريق خاصية innerText وطباعتهة ويمكنك ايضاً التحقق بالعبارات الشرطيه علي المحتوي الموجود وتتجاهل هذة الخاصية علامة HTML الموجوده بداخل المحتوي.

HTML
let apple = document.getElementById('apple');
document.write("<b>Content " +apple.innerText+ "</b>");

قراءة محتوي HTML عنصر عن طريق خاصية innerText

لا يمكن قراءة محتوي HTML لعنصر عن طريق خاصية innerText سوف يقرأ النصوص فقط.

HTML
let apple = document.getElementById('apple');
document.write("<b>Content " +apple.innerText + "</b>");

قراءة محتوي عنصر عن طريق خاصية innerHTML

قراءة محتوي عنصر عن طريق خاصية innerHTML وطباعتة ويمكنك ايضاً التحقق بالعبارات الشرطيه علي المحتوي الموجود.

HTML
let apple = document.getElementById('apple');
document.write("<b>Content " +apple.innerHTML+ "</b>");

مقارنة بين خاصية innerText و textContent

سوف تقراء خاصية textContent جميع العناصر الداخلية شامله العناصر التي لا تعرض علي المتصفح.

HTML
let apple = document.getElementById('apple');
document.write(apple.innerText);
document.write(apple.textContent);