تابستون داره تموم میشه ها، فرصت‌ها محدودن کلی آفر جذاب در کمپین تابستون🔥👇
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ محمدجواد
اضافه کردن المان
جامعه جاوا اسکریپت ایجاد شده در ۱۰ تیر ۱۴۰۱

سلام وقت بخیر

فرض کنید میخوایم به یک المان ، مورد زیر رو اضافه کنیم:

<ul><li>listli>ul>

ایا تفاوتی میکنه که این کار رو با innerHTML اضافه کنیم یا با append؟؟

سلام وقت بخیر .

بله تفاوت هایی داره ولی در تغییرات خیلی کوچیک dom به نظر نمیاد .

تفاوت اینه که append اون node رو مستقیم به container اضافه میکنه اما اگر همین کار رو با innerHtml انجام بدید مراحل زیر باید طی بشه :

۱- innerHtml اول دریافت میشه .

۲- تبدیل به string میشه .

۳- دو string با هم concat میشن .

۴- از این string دوباره dom element تشکیل میشه .

۵- به container اضافه میشه .

در نتیجه در تغییرات زیاد dom استفاده از innerHtml نسبت به append بهینه نیست.

موفق باشید.

بهترین پاسخ
علیرضا ایمانی ۱۰ تیر ۱۴۰۱، ۱۷:۵۴