متدهای HTML DOM در JavaScript

یادگیری JavaScript

تعداد بازدید : 1688

تاریخ و ساعت انتشار : چهار شنبه 17 مرداد 1397 08:51

روش های HTML DOM اقداماتی هستند که می توانید انجام دهید (در عناصر HTML).

خواص HTML DOMS مقادیر (عناصر HTML) است که می توانید تنظیم یا تغییر دهید.

رابط برنامه نویسی DOM

HTML DOM با جاوا اسکریپت (و با دیگر زبان های برنامه نویسی) قابل دسترسی است.
در DOM، تمام عناصر HTML به عنوان اشیا تعریف می شوند.
رابط برنامه نویسی خواص و روش های هر شی است.
مقدار ارزشی است که می توانید آن را دریافت یا تنظیم کنید (مانند تغییر محتوای یک عنصر HTML).
یک روش، عملی است که می توانید آن را انجام دهید (مانند افزودن یا حذف یک عنصر HTML).

مثال

مثال زیر محتوای (innerHTML) عنصر <p> با id = "demo" را تغییر می دهد:

برنامه نویسی DOM

 <html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html>

مشاهده مثال

در مثال بالا، getElementById یک متد است، در حالی که innerHTML یک ویژگی است.

روش GetElementById

رایج ترین روش برای دسترسی به عنصر HTML، استفاده از شناسه عنصر است.
در مثال بالا، روش getElementById از id = "demo" برای پیدا کردن عنصر استفاده می کند.