آموزش برنامه نویسی جاوااسکریپت-جلسه سی ام

JS HTML DOM

پیشنهاد ویژه: آموزش جاوااسکریپت

با html dom جاوااسکریپت می تواند به تمام عناصر موجود در یک سند html دسترسی پیدا می کند. و تمام عناصر صفحه وب حکم شی را دارد .

HTML DOM Methods
document.getElementById(“demo”).innerHTML

Document  بالاترین سطح یک شی در وب هست که با متد getElementById توسط آیدی می تواند به اشیاء زیر مجموعه خود دسترسی پیدا کند. بعد از دسترسی با استفاده از خصوصیت innerhtml که برای هر تگی تعریف می شود می توان به آن صفت محتویات داخلی بدهیم.

متدهایی که در document وجود دارد :

document.getElementById(“demo”)

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

document.getElementsByTagName(name)

به وسیله اسم تگ به شی دسترسی پیدا می کند. نکته قابل توجه این است که به getElement یک S می دهیم. این نشان می دهد که خروجی آن یک آرایه است و برای تعدادی تگ اعمال می شود. و حتما باید بعد از این که تگ رو میگیریم باید یک متغیر تعریف کنیم و بریزیم تو اون و خروجی بگیریم.

document.getElementsByClassName(name)

برای اشیا و تگ هایی که ClassName خاصی دارند مثلا کلاس .btnبا این متد هم می توان روی تگ هایی که کلاس یکسانی دارند تغییرات را اعمال کرد.

بعد از دسترسی به المان از پروپرتی استفاده میکنیم :

Element.innerHTML
Element.attribute
Element.style.property