آموزش جاوا اسکریپت – کار با خصوصیات DOM در جاوا اسکریپت

آموزش جاوا اسکریپت

در این بخش از سری آموزش جاوا اسکریپت قصد داریم شما را با نحوه کار با خصوصیات DOM در جاوا اسکریپت مثل دریافت,‌ ست و حذف آشنا کنیم.

 

کار با خصوصیات DOM

خصوصیات (attribute) ها, کلمات خاصی هستند که داخل تگ شروع المان HTML برای کنترل رفتار تگ ها یا ارایه اطلاعات اضافی درباره تگ استفاده می شوند.

جاوا اسکریپت چندین متد برای اضافه, حذف یا تغییر خصوصیت یک المان HTML ارایه می دهد.

 

دریافت مقدار خصوصیت المان

متد getAttribute() برای دریافت مقدار فعلی یک خصوصیت استفاده می شود.

اگر خصوصیت مشخص شده در المان وجود ندارد, مقدار null را برگشت می دهد.

جاوا اسکریپت چندین راه مختلف را برای انتخاب المان های یک صفحه ارایه می دهد. برای اطلاعات بیشتر در مورد آن به بخش انتخابگر های Dom مراجعه کنید.

 

ست کردن خصوصیات المان

متد setAttribute() برای ست کردن یک خصوصیت خاص به المان استفاده می شود.

اگر خصوصیت از قبل در المان وجود داشت, مقدار بروزرسانی می شود در غیر اینصورت یک خصوصیت خاص با نام و مقدار مشخص شده اضافه می شود.

کد جاوا اسکریپت در مثال زیر یک class با مقدار disabled به المان <button> اضافه می کند.

مشابه آن, می توانید از متد setAttribute() برای بروزرسانی یا تغییر مقدار خصوصیت از قبل وجود داشته در یک المان HTML استفاده کنید.

کد جاوا اسکریپت در مثال زیر مقدار href المان <a> را بروزرسانی می کند.

 

حذف خصوصیات از المان ها

متد removeAttribute() برای حذف یک خصوصیات از المان مشخص استفاده می شود.

در مثال زیر ما خصوصیت href را المان a حذف می کنیم.

 

امیدوارم  از آموزش کار با خصوصیات DOM در جاوا اسکریپت نهایت استفاده را برده باشید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق باشید.

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران (۴)

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

  1. mohammad ۳۰ بهمن ۱۳۹۷

    عشقی داداش . دمت گرم 🙂

    پاسخ
    1. حسن شفیعی ۳۰ بهمن ۱۳۹۷

      خوشحالم که مفید واقع شده. موفق و پیروز باشید.

      پاسخ
  2. mohammad ۲۹ بهمن ۱۳۹۷

    سلام داداش . خسته نباشی . من چطوری می تونم کل کامنت هایی که توی سایت گذاشتم ببنیم؟ خیلی وقت پیش زیر یک پستی یک سوال در مورد اضافه کردن صفحه به منوی مدیریتی وردپرس از شما پرسیده بودم . لطف کرده بودی و کد صحیح رو برام گذاشته بودی. الان هرچی می گردم پیداش نمکنم. توی ایمیلمم چک کردم ظاهرا تیک نزده بودم . الان اون کد رو گم کردم. چطوری پیداش کنم؟

    پاسخ
    1. حسن شفیعی ۲۹ بهمن ۱۳۹۷

      سلام ممنون. انشالا سعی میشه این مورد به پنل کاربری اضافه بشه.
      بفرمایید لینک همان کامنت : https://netparadis.com/login-with-github-oauth-api-php/#comment-2057

      موفق باشید.

      پاسخ
دوره های آموزشی