আমি কীভাবে জাভাস্ক্রিপ্ট ব্যবহার করে একটি ডিভের বিষয়বস্তু সাফ করব? [বন্ধ]

152

যখন ব্যবহারকারী আমার পৃষ্ঠায় একটি বোতাম ক্লিক করেন, তখন একটি ডিভের বিষয়বস্তু সাফ করা উচিত। আমি কীভাবে এটি সম্পাদন করতে যাব?

javascript html css

— Rajasekar
সূত্র

— স্ক্রিপ্ট 47

উত্তর:

270

শুধু জাভাস্ক্রিপ্ট (অনুরোধ হিসাবে)

আপনার পৃষ্ঠায় কোথাও এই ফাংশনটি যুক্ত করুন (পছন্দটিতে <head>)

function clearBox(elementID)
{
    document.getElementById(elementID).innerHTML = "";
}

তারপরে ক্লিক ইভেন্টের বোতামটি যুক্ত করুন:

<button onclick="clearBox('cart_item')" />

জিকুয়েরিতে (রেফারেন্সের জন্য)

আপনি যদি জিকুয়ারি পছন্দ করেন তবে আপনি এটি করতে পারেন:

$("#cart_item").html("");

— টম গ্লেন
সূত্র

বিকল্প jQuery:$("#cart_item").empty();

— রব অ্যালেন

আপনি কি .ডেটাচ () ব্যবহার করতে পারেন?

— RyanP13

@ টম গ্লেন এই কাজটি ডিআইভির আইডিটি ফাংশনে না দিয়ে এবং ফাংশনে নিজেই অ্যালিমেন্টআইডের চারপাশে একক উদ্ধৃতি দিয়ে কাজ করেছেন। এর জন্য ধন্যবাদ!

— DPSSpatial

@ টম গ্লেন: দয়া করে এমন করবেন না যে এটি ডিভের অভ্যন্তরে নোডগুলির সাথে যুক্ত ইভেন্ট হ্যান্ডলারগুলি সরিয়ে দেবে না।

— bhaya_w

@ মাইক এর উত্তর প্রায় 250x দ্রুত। jsperf.com/innerhtml-vs-removechild

— ই

108

আপনি এটি ডোম পদ্ধতিতেও করতে পারেন:

var div = document.getElementById('cart_item');
while(div.firstChild){
    div.removeChild(div.firstChild);
}

— মাইক
সূত্র

শীর্ষ খাঁজ! JQuery হিসাবে একই: $ ("# কার্ট_টাইট") empty খালি (); ডিওমে অভিনয় করে এবং কেবলমাত্র সামগ্রীতে নয়। গ্রেট!

— পেড্রো

এটি কি বেশি পছন্দ হয় innerHTML = ''এবং যদি হয় তবে কেন?

— সুকিমা

এই তুলনায় পরিষ্কার মনে হয় innerHTML = ''। আমি ব্যক্তিগতভাবে অতিরিক্ত লাইনগুলি

— লিখব

@ সুকিমা এইভাবে পছন্দসই উত্তরের চেয়ে দ্রুত, সুতরাং আপনার যদি সংক্ষিপ্ত কোডের চেয়ে ভাল পারফরম্যান্সের প্রয়োজন হয় তবে এটি আপনার পছন্দ।

— III

ওয়ান লাইনার হিসাবেwhile(div.firstChild && div.removeChild(div.firstChild));

— রাসেল এলফেনবাইন