متد element.setAttributeNode

مثال (متد element.setAttributeNode)

ست کردن گره خصوصیت class از یک عنصر <h1>:

var h1 = document.getElementsByTagName("H1")[0];   // Get the first <h1> element in the document
var att = document.createAttribute("class");       // Create a "class" attribute
att.value = "democlass";                           // Set the value of the class attribute
h1.setAttributeNode(att);                          // Add the class attribute to <h1>

قبل از ست کردن گره خصوصیت:

Hello World

بعد از ست کردن گره خصوصیت:

Hello World

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

متد ()setAttributeNode یک گره خصوصیت مشخص را به یک عنصر اضافه می کند.

اگر خصوصیت مورد نظر قبلا موجود باشد، این متد، آن را برمی گرداند.

مقدار برگشتی از این متد، یک شیء Attr است. برای اطلاعات بیشتر می توانید کلیه توابع و خصوصیت های شیء Attr در JavaScript را مطالعه نمایید.

همچنین بهتر است که متد setAttribute را نیز مطالعه نمایید.

نکته: می توانید از متد removeAttributeNode برای حذف کردن یک گره خصوصیت، از یک عنصر استفاده کنید.

پشتیبانی مرورگرها

متد
setAttributeNode()	بله	بله	بله	بله	بله

نحوه استفاده

element.setAttributeNode(attributenode)

مقادیر پارامترها

پارامتر	Type	توضیحات
attributenode	Attr object	ضروری. گره خصوصیتی که شما می خواهید آن را اضافه نمایید.

جزئیات تکنیکی

مقدار برگشتی	یک شیء Attr که مشخص کننده ی گره خصوصیت برگردانده شده است در صورت وجود. در غیر این صورت null خواهد بود.
DOM Version	Core Level 1 کلیه توابع و خصوصیت های شیء Element در JavaScript

مثال - خودتان امتحان کنید

مثال (متد element.setAttributeNode)

ست کردن گره خصوصیت href از یک عنصر <a>:

var anchor = document.getElementById("myAnchor"); // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href");        // Create a "href" attribute
att.value = "http://www.w3schools.com";            // Set the value of the href attribute
anchor.setAttributeNode(att);                      // Add the href attribute to <a>

قبل از ست کردن گره خصوصیت:

Go to w3schools.com

بعد از ست کردن گره خصوصیت:

Go to w3schools.com

خودتان امتحان کنید »

آموزش های مرتبط

HTML Tutorial: HTML Attributes

HTML DOM Reference: The HTML DOM کلیه توابع و خصوصیت های شیء Attr در JavaScript

HTML DOM Reference: setAttribute() Method

HTML DOM Reference: document.createAttribute() Method

HTML DOM Reference: attribute.value Property

HTML DOM Reference: getAttributeNode() Method

HTML DOM Reference: removeAttributeNode() Method

کلیه توابع و خصوصیت های شیء Element در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 5381

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی