PDA

View Full Version : فرق innertext با innerhtml



mohsen.dbnet
جمعه 16 مهر 1389, 11:48 صبح
با سلام خدمت دوستان

می شه در مورد فرق بین innertext و innerthtml یه توضیحی بدید.

با تشکر

mehdi.mousavi
جمعه 16 مهر 1389, 12:22 عصر
با سلام خدمت دوستان می شه در مورد فرق بین innertext و innerthtml یه توضیحی بدید. با تشکر

سلام.
ابتدا باید بدونید که innerText و outerText هر دو مختص IE هستند. در صورتیکه innerHTML و outerHTML هر دو Cross Browser اند... اما تفاوت innerText و innertHTML، وقتی شما innserText رو Set می کنید، HTML های درون string ابتدا Encode میشن، سپس روی Element شما اعمال میشن. به این ترتیب این کد:

element.innerText = "<b>Bold Text</b>";

باعث میشه تا روی صفحه، تکست Element مورد نظر دقیقا به رشته فوق تغییر کنه (در حقیقت Bold Text رو بصورت Bold نخواهید دید، بلکه عبارت درون رشته روی صفحه دیده خواهد شد). در صورتیکه این کد:

element.innerHTML = "<b>Bold Text</b>";

باعث میشه تا تکست اون Element به عبارت Bold Text تغییر کنه (دقت کنید! Bold نوشته شده). در کل، هرگز از innerText و outerText بخاطر Cross Browser نبودن، استفاده نکنید.

موفق باشید.

amirjalili
سه شنبه 04 آبان 1389, 15:16 عصر
در فایرفاکس و کروم به جای innertext باید از textContent استفاده کنید