سلام وقت بخیر
فرض کنید میخوایم به یک المان ، مورد زیر رو اضافه کنیم:
<ul><li>listli>ul>
ایا تفاوتی میکنه که این کار رو با innerHTML اضافه کنیم یا با append؟؟
سلام وقت بخیر .
بله تفاوت هایی داره ولی در تغییرات خیلی کوچیک dom به نظر نمیاد .
تفاوت اینه که append اون node رو مستقیم به container اضافه میکنه اما اگر همین کار رو با innerHtml انجام بدید مراحل زیر باید طی بشه :
۱- innerHtml اول دریافت میشه .
۲- تبدیل به string میشه .
۳- دو string با هم concat میشن .
۴- از این string دوباره dom element تشکیل میشه .
۵- به container اضافه میشه .
در نتیجه در تغییرات زیاد dom استفاده از innerHtml نسبت به append بهینه نیست.
موفق باشید.