الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

الفرق بين innerHTML وinnerText

بدأه اشليان في 9 فبراير 2010 · 1 رد · 1,859 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

ممكن أعرف ماهو الفرق بين الخاصية innerHTML وinnerText؟؟

والله يجزاكم ألف خير

#2

و عليكم السلام و رحمة الله و بركاته

ال innerText او ال outerText لن تقوم بعمل إكساء Render او تحويل النص ل HTML

بينما ستقوم ال innerHTML بعمل Render للنص Formatted HTML و هى تعمل مع معظم المتصفحات

قم بتجريب الكود التالى فى متصفح IE - ملاحظة ال innerText لاتعمل مع الفايرفوكس

<html>
<head>
<script type="text/javascript">
<!-- Hide From Old Browsers do not support JS
function CheckInner(val){
 var obj = document.getElementById("_div");
 if(val==1){
 obj.innerText = "<h4 style='color:blue;'>Plain Text</h4>";
 }else{
 obj.innerHTML = "<h4 style='color:blue;'>Rendered Text</h4>";
 }
}
//-->
</script>
</head>

<body class="body">
<div id="_div">

</div>

<form id="form1" action="" onsubmit="">
	<input type="button" value="innerText" onclick="CheckInner(1)"/>
 	<input type="button" value="innerHTML" onclick="CheckInner(2)"/>
</form>
</html>

تم تعديل هذه المشاركة بواسطة طارق إبراهيم في 13 مارس 2010 في 22:22

Technical Lead Developer

My LinkedIn Profile

اللهم قنى شر الجهل و الجهلاء

( اقْتَرَبَ لِلنَّاسِ حِسَابُهُمْ وَهُمْ فِي غَفْلَةٍ مَّعْرِضُونَ ) {الأنبياء:1}

مواضيع مشابهة