RezaKia
چهارشنبه 27 تیر 1386, 21:15 عصر
اگه بخوام خیلی ساده توضیح بدم:
InnerText به متن داخل Tag اشاره میکنه ولی
InnerHtml به عبارت HTML داخل Tag اشاره داره.
این یعنی که InnerText فقط متن عبارت نمایش داده شده رو تغییر میدهد ولی اگر از InnerHTML استفاده کنی میتونی عناثر داخل Tag رو تغییر بدی.
مثلاً کد زیر دارای 2 لینک است که هر کدام یکی از این دو را تغییر میدهند. فکر کنم با اجرای اون متوجه تفاوتشون بشی.
<script language="javascript">
<!--
function ChangeInnerText()
{
document.getElementById('spnTest').innerText = '<b><font color="#FF0000">Inner HTML</font></b> changed.';
}
function ChangeInnerHTML()
{
document.getElementById('spnTest').innerHTML = '<b><font color="#FF0000">Inner HTML</font></b> changed.';
}
//-->
</script>
<span id="spnTest">This is a placeholder for test.</span>
<p><a href="#" onclick="ChangeInnerText()">Change InnerText</a></p>
<p><a href="#" onclick="ChangeInnerHTML()">Change InnerHTML</a></p>
همونطور که میبینی، با اینکه کد هر دو یکی هست ولی Text کد HTML رو پردازش نمیکنه.