JavaScript - HTML DOM روش

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

ویژگی‌های DOM HTML عناصر HTML‌ای هستند که می‌توانید آنها را تنظیم یا تغییر دهیدمقدار.

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

DOM HTML می‌تواند از طریق JavaScript دسترسی پیدا کند (همچنین می‌تواند از طریق زبان‌های برنامه‌نویسی دیگر نیز دسترسی پیدا کند).

در DOM، تمامی عناصر HTML به عنوانشیء.

رابط برنامه‌نویسی است که هر شیء دارای ویژگی‌ها و روش‌ها است.

ویژگیاست استفاده‌هایی که شما می‌توانید دریافت یا تنظیم کنید (مثلاً تغییر محتوای عناصر HTML).

مетодاستفاده‌هایی که شما می‌توانید انجام دهید (مثلاً اضافه کردن یا حذف عناصر HTML).

مثال

در مثال زیر، محتوای عنصر <p> با id="demo" تغییر می‌کند:

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

تست کنید

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

مетод getElementById

یکی از روش‌های رایج برای دسترسی به عنصر HTML، استفاده از id عنصر است.

در مثال بالا،getElementById مетод با استفاده از id="demo" برای پیدا کردن عنصر استفاده می‌شود.

ویژگی innerHTML

ساده‌ترین روش برای دسترسی به محتوای یک عنصر، استفاده از ویژگی innerHTML ویژگی.

ویژگی innerHTML ویژگی می‌تواند برای دسترسی به یا جایگزینی محتوای هر عنصر HTML استفاده شود.

ویژگی innerHTML ویژگی‌ها می‌توانند برای دسترسی به یا تغییر هر عنصر HTML استفاده شوند، از جمله <html> و <body>.