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

HTML DOM hasAttributes() মেথড


HTML DOM hasAttributes() মেথড একটি এলিমেন্টে কোনো অ্যাট্রিবিউট আছে কিনা চেক করে। এলিমেন্টে অ্যাট্রিবিউট থাকলে true রিটার্ন করে এবং না থাকলে false। যদি এই মেথড এলিমেন্ট নোড ছাড়া অন্য কোনো নোডের ওপর কল করা হয় তবে রিটার্ন মান সবসময় false হবে।

সিনট্যাক্স

hasAttribbutes() মেথডের সিনট্যাক্স:

node.hasAttributes()

উদাহরণ

hasAttributes() মেথডের উদাহরণ:

<!DOCTYPE html> <html> <body> <h1>hasAttributes() উদাহরণ</h1> <p>This paragraph has no attributes</p> <button onclick="containsAttr()">CHECK</button> <p id="Sample">The paragraph above hasAttribute value : </p> <script>    function containsAttr() {       var p = document.getElementsByTagName("P")[0];       document.getElementById("Sample").innerHTML+=p.hasAttributes();    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML DOM hasAttributes() মেথড

CHECK বাটনে ক্লিক করলে:

HTML DOM hasAttributes() মেথড

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

কোনো অ্যাট্রিবিউট ছাড়া একটি প্যারাগ্রাফ তৈরি করা হয়েছে:

<p>This paragraph has no attributes</p>

তারপর CHECK বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে checkAttr() মেথড এক্সিকিউট করবে:

<button onclick="containsAttr()">CHECK</button>

containsAttr() মেথড getElementsByTagName() মেথড ব্যবহার করে প্রথম <p> এলিমেন্ট পাওয়া এবং ইন্ডেক্স ব্যবহার করে প্রথম এলিমেন্ট পাওয়া এবং p ভেরিয়েবলে অ্যাসাইন করা। তারপর p ভেরিয়েবলের ওপর hasAttributes() মেথড কল করা এবং false রিটার্ন করেছে কারণ আমাদের প্রথম <p> এলিমেন্টে কোনো অ্যাট্রিবিউট নেই। এই মান id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML প্রপার্টি ব্যবহার করে অ্যাপেন্ড করা হয়েছে:

function containsAttr() {    var p = document.getElementsByTagName("P")[0];    document.getElementById("Sample").innerHTML+=p.hasAttributes(); }

  1. HTML DOM getElementsByClassName() মেথড

  2. HTML DOM getElementById() মেথড

  3. HTML DOM getBoundingClientRect() মেথড

  4. HTML DOM focus() মেথড