HTML DOM blockquote cite প্রোপার্টি HTML <blockquote> এলিমেন্টের সাথে যুক্ত। এই প্রোপার্টি কোটের cite অ্যাট্রিবিউট সেট বা রিটার্ন করতে ব্যবহৃত হয়। cite প্রোপার্টি স্ক্রিন রিডারদের জন্য উপযোগী এবং সাধারণ ইউজারের জন্য ততটুকু নয় কারণ এর ওয়েব পেজে কোনো ভিজুয়াল ইফেক্ট নেই। cite প্রোপার্টি কোটের সোর্স URL সেট করতে ব্যবহৃত হয়।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
cite প্রোপার্টি সেট করা:
blockquoteObject.cite = URL
এখানে, URL কোটের অবস্থান নির্দিষ্ট করে।
উদাহরণ
blockquote cite প্রোপার্টির জন্য একটি উদাহরণ দেখি:
<!DOCTYPE html> <html> <body> <h2>Quote</h2> <p>Here is a quote:</p> <blockquote id="myBlockquote" cite="www.webexample.com"> Here is some sample text in place of quote. </blockquote> <p>Click the button below to change the above quote cite value.</p> <button onclick="citeChange()">CHANGE</button> <p id="Sample"></p> <script> function citeChange() { document.getElementById("myBlockquote").cite = "https://www.examplesite.com"; document.getElementById("Sample").innerHTML = "The value of the cite attribute was changed to 'www.examplesite.com' "; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
CHANGE-এ ক্লিক করলে:
উপরের উদাহরণে:
আমরা id "myBlockquote" সহ একটি <blockquote> এলিমেন্ট নিয়েছি যার cite প্রোপার্টি মান webexample:
<blockquote id="myBlockquote" cite="www.webexample.com"> Here is some sample text in place of quote. </blockquote>
আমরা তারপর citeChange() ফাংশন এক্সিকিউট করার জন্য CHANGE নামে একটি বাটন তৈরি করেছি:
<button onclick="citeChange()">CHANGE</button>
citeChange() ফাংশন "myBlockquote" id সহ এলিমেন্টটি পেয়ে তার cite অ্যাট্রিবিউট পায় এবং এটিকে "www.examplesite.com"-এ পরিবর্তন করে। cite মান পরিবর্তনের পর "The value of the cite attribute was changed to 'www.examplesite.com'" মেসেজটি id "Sample" সহ প্যারাগ্রাফে প্রদর্শিত হয়।
function citeChange() { document.getElementById("myBlockquote").cite = "https://www.examplesite.com"; document.getElementById("Sample").innerHTML = "The value of the cite attribute was changed to 'www.examplesite.com' "; }
