HTML DOM designMode সম্পত্তি

HTML DOM designMode প্রপার্টি আমাদের সম্পূর্ণ নথি সম্পাদনাযোগ্য কিনা তা নির্দিষ্ট করতে দেয়। এটি HTML ডকুমেন্টকে WYSIWYG (What You See Is What You Get) এডিটর হিসেবে কাজ করে কারণ আমরা HTML ডকুমেন্ট এডিট করতে পারি। এই প্রপার্টিটি ডিফল্টভাবে "অফ" এ সেট করা থাকে এবং এটিকে "চালু" এ সেট করে আমরা নথি সম্পাদনা করতে পারি।

সিনট্যাক্স

−

-এর সিনট্যাক্স নিচে দেওয়া হল

ডিজাইনমোড প্রপার্টি −

সেট করা হচ্ছে

document.designMode = "on|off"

এখানে, "অফ" হল ডিফল্ট মান এবং এটিকে "চালু" এ সেট করা আমাদের নথি সম্পাদনা করতে দেয়৷

উদাহরণ

আসুন HTML DOM designMode প্রপার্টি -

-এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<body>
<h1>Document designMode Property</h1>
<p> This is a paragraph with some text</p>
<button type="button">BUTTON1</button>
<script>
   document.designMode="on";
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM designMode সম্পত্তি

নথিটি সম্পাদনা করার পরে -

HTML DOM designMode সম্পত্তি

উপরের উদাহরণে -

আমরা বেশ কিছু HTML উপাদান তৈরি করেছি। উদাহরণস্বরূপ, একটি

উপাদান, একটি

এবং একটি <বোতাম> উপাদান −

<h1>Document designMode Property</h1>
<p> This is a paragraph with some text</p>
<button type="button">BUTTON1</button>

তারপর আমরা document.designMode কে “on” এ সেট করেছি যা আমাদের HTML নথি সম্পাদনা করতে দেয়। আমরা এখন যেকোন টেক্সট পরিবর্তন করতে পারি এমনকি উপাদানগুলোকে তাদের টেক্সট সাফ করে সরিয়ে দিতে পারি।

যেমন:বোতাম টেক্সট মুছে দিলে বোতামটিও মুছে যাবে।

<script>
document.designMode="on";
</script>