استخدم JavaScript لتحويل عناصر HTML إلى نص عادي.
من أكثر الأشياء المفيدة التي يمكنك القيام بها باستخدام لغة البرمجة النصية لجافا سكريبت التعامل مع نموذج كائن المستند (أو "DOM") الخاص بمستند HTML والعمل معه. يعد DOM لمستند HTML اصطلاحًا لتمثيل محتوى ذلك المستند. يوفر طريقة لمتصفحات الويب ولغات البرمجة النصية مثل JavaScript للتفاعل مع العناصر المختلفة التي يتكون منها هذا المستند. باستخدام JavaScript و DOM لصفحة الويب ، يمكنك بسهولة تحويل HTML إلى نص عادي.
الخطوة 1
أضف إعلان SCRIPT إلى قسم HEAD في مستند HTML الخاص بك. تحدد علامة SCRIPT برنامج نصي من جانب العميل مثل JavaScript. تحتاج علامة SCRIPT إلى تعيين سمة "type" الخاصة بها على "text / javascript" بحيث يتم قراءة إعلان SCRIPT بالكامل على النحو التالي: (حيث تنتقل شفرة JavaScript بين العلامتين).
فيديو اليوم
الخطوة 2
حدد دالة JavaScript تأخذ سلسلة واحدة كمعامل. تحتوي معلمة السلسلة هذه على HTML الذي ستقوم بتحويله إلى نص عادي.
الخطوه 3
قم بإنشاء عنصر DIV مؤقت داخل وظيفة JavaScript باستخدام طريقة "createElement ()".
الخطوة 4
قم بتعيين معلمة سلسلة وظيفتك إلى سمة "innerHTML" الخاصة بـ DIV.
الخطوة الخامسة
قم بإنشاء متغير سلسلة مؤقت في وظيفتك.
الخطوة 6
احصل على محتوى النص العادي لعنصر DIV المؤقت باستخدام سمات "textContent" و "innerText" وقم بتعيينه إلى متغير السلسلة المؤقت. بسبب مشكلات التوافق عبر المستعرضات ، سيتم تحديد كل من "textContent" و "innerText" في البعض متصفحات الويب وغير معرف في الآخرين ولكن سيتم تعريف واحد أو آخر في جميع الإصدارات الرئيسية المتصفحات.
الخطوة 7
إرجاع القيمة التي تحتفظ بها السلسلة المؤقتة الخاصة بك باستخدام عبارة "إرجاع". سيؤدي هذا إلى إرجاع قيمة النص العادي لـ HTML المحول.
نصيحة
بدلاً من استخدام عبارات IF-THEN للتحقق من التوافق عبر المستعرضات ولتحديد ما إذا كنت تريد استخدام "textContent" أو "innerText" في وظيفتك ، ما عليك سوى تعيين قيمة النص العادي لعنصر DIV المؤقت إلى متغير السلسلة المؤقتة على النحو التالي: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
