٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش JavaScript – روشهای HTML DOM

روش های HTML DOM عملیاتی هستند که می توانید انجام دهید (در عناصر HTML). خصوصیات HTML DOM مقادیری هستند (از عناصر HTML) که می توانید آنها را تنظیم یا تغییر دهید. رابط برنامه نویسی DOM HTML DOM با JavaScript (و با سایر زبانهای برنامه نویسی) قابل…

محمد یوسفی

27 جولای 2021

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

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


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

HTML DOM با JavaScript (و با سایر زبانهای برنامه نویسی) قابل دسترسی است.

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

رابط برنامه نویسی ویژگی ها و روش های هر شی است.

یک ویژگی مقداری است که می توانید دریافت یا تنظیم کنید (مانند تغییر محتوای یک عنصر HTML).

روش عمل شما می توانید (مانند اضافه یا حذف یک عنصر HTML) انجام شده است.


مثال

در مثال زیر، تغییر محتوا ( innerHTML) از <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>.

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها