setAttribute جاوااسکریپت

با روش setAttribute جاوااسکریپت در این مقاله آشنا می شویم

نکات اصلی setAttribute جاوااسکریپت:

• این روش برای افزودن یک مشخصه مشخص به یک عنصر استفاده می شود و به آن مقدار خاصی می دهد.
• اگر ویژگی JavaScript قبلاً به عنصری اختصاص داده شده باشد ، مقدار دوباره رونویسی می شود.

با استفاده از setAttribute

روش setAttribute جاوااسکریپت برای افزودن یک مشخصه مشخص به یک عنصر استفاده می شود و به آن مقدار مشخصی می دهد. نگاهی به مثال زیر بیندازید. این نشان می دهد که چگونه می توانید یک قسمت ورودی را به یک دکمه ورودی تغییر دهید:

document.getElementsByTagName("input")[0].setAttribute("type", "button");

اگر ویژگی قبلاً به عنصری اختصاص داده شده باشد ، مقدار بازنویسی می شود. در غیر این صورت ، به عناصر یک ویژگی جدید با مقادیر و نام مشخص شده اختصاص داده می شود. پس از ایجاد ویژگی افزودن جاوا اسکریپت ، نام نشان داده شده فقط روی حروف کوچک تنظیم می شود.

عناصر HTML خصوصیات جاوا اسکریپت را تعریف می کنند که با تمام صفات استاندارد HTML مطابقت دارد. بنابراین ، وقتی می خواهید صفاتی را تنظیم کنید که استاندارد نیستند ، باید از تابع JavaScript setAttribute استفاده کنید.

مثال کد زیر نحوه افزودن ویژگی href به یک عنصر را نشان می دهد:

document.getElementById("sampleAnchor").setAttribute("href", "https://www.BitDegree.org");

توصیه نمی شود از این ویژگی JavaScript برای یک ظاهر طراحی استفاده کنید. برای تغییر یا افزودن سبک ها ، می توانید به شی Style Style دسترسی پیدا کنید ، که به طرز موثری باعث تغییر سبک می شود ، در حالی که صفحه سبک CSS ممکن است سبک تعیین شده توسط ویژگی سبک HTML را نادیده بگیرد.

این مثال نحوه عدم انجام آن را نشان می دهد.

element.setAttribute("style", "background-color: green;");

این مثال بعدی روش صحیح انجام آن است:

element.style.backgroundColor = "green";

نکته: با استفاده از روش removeAttribute ویژگی صحیح JavaScript را از یک عنصر حذف می کند.

در قطعه کد زیر ، می توانید نحوه بررسی اینکه آیا عناصر دارای ویژگی هدف هستند را ببینید:

// Access the element with id="sampleAnchor" and assign its value to the variable elem
var elem = document.getElementById("sampleAnchor");  
// if this element has a target attribute, its value will be set to "_self"
if (elem.hasAttribute("target")) {
    elem.setAttribute("target", "_self");
}

نحو setAttribute جاوااسکریپت

به مثال کد زیر نگاه کنید. این روش استاندارد نوشتن تابع JavaScript setAttribute است:

element.setAttribute (ویژگی نام ، ویژگی ویژگی)

می بینید که دو پارامتر باید به پرانتز اضافه شوند. در این حالت ، این استدلال ها اختیاری نیستند: هر دو باید در روش گنجانده شوند.

جنبه مهم دیگر خطاهای احتمالی است که باید هنگام افزودن ویژگی های JavaScript از آنها اجتناب کنید. اگر نویسه هایی اضافه کنید که توسط JavaScript شناخته نشده اند ، InvalidCharacterError دریافت خواهید کرد.

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

دو آرگومان برای افزودن به تابع JavaScript setAttribute وجود دارد: نام و مقدار. هر دو آنها برای انجام وظیفه خود بسیار حیاتی هستند.

در پارامتر AttributeName شما باید نام صفتی را که می خواهید روی یک عنصر اعمال کنید قرار دهید. همانطور که اشاره کردیم ، به طور خودکار به حروف کوچک تبدیل می شود.

AttributeValue باید مقداری را که می خواهید به ویژگی ها اختصاص دهید داشته باشد. اگر مقدار تعیین شده غیر رشته ای باشد ، تابع JavaScript setAttribute آن را به رشته تبدیل می کند.

توجه: روش setAttribute JavaScript مقدار بازگشتی تولید نمی کند.