কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে innerHTML ব্যবহারের অসুবিধা


জাভাস্ক্রিপ্টে innerHTML ব্যবহারের নিম্নলিখিত অসুবিধাগুলো রয়েছে -

পার্সিং পুরো innerHTML ছাড়া অ্যাপেন্ড সাপোর্ট নেই। এটি সরাসরি innerHTML পরিবর্তন করা খুব ধীর করে।

উদাহরণস্বরূপ, একটি HTML ট্যাগে অ্যাপেন্ড করার জন্য আপনাকে নিম্নলিখিত করতে হবে -

let myDiv = document.querySelector('#myDiv') // পুরো myDiv ট্যাগ রি-পার্স করে। myDiv.innerHTML += '

Added new tag

'

innerHTML কোনো ভ্যালিডেশন প্রদান করে না তাই আমরা পটেনশিয়ালি ভ্যালিড এবং ব্রোকেন HTML ডকুমেন্টে ইনসার্ট করে সেটাকে ভাঙতে পারি।


  1. জাভাস্ক্রিপ্ট ইমপোর্টে {} ব্রেসের ব্যবহার

  2. জাভাস্ক্রিপ্ট ব্যবহার করে <text>-এর মান ভেরিয়েবলে এক্সট্রাক্ট করা

  3. জাভাস্ক্রিপ্টে innerHTML সেট করুন

  4. জাভাস্ক্রিপ্টে ID দিয়ে এলিমেন্ট রিমুভ করা