با عرض سلام خدمت کاربران محترم سایت پی وی لرن.
در این جلسه قصد داریم تا با متد ها یا توابع HTML DOM در جاوا اسکریپت JavaScript آشنا شویم پس با ما باشید با آموزش توابع HTML DOM در سایت پی وی لرن .
توابع HTML DOM اعمالی هستند که می توانید روی عناصر HTML انجام دهید.
HTML DOM با زبان جاوا اسکریپت و خیلی از زبان های برنامه نویسی دیگر قابل استفاده است.
تمام عناصر HTML در DOM به عناون شی در نظر گرفته می شوند.
رابط برنامه نویسی امکان دسترسی به متد ها و ویژگی های (Properties) هر یک از اشیا را می دهد.
یک ویژگی مقداری است که می توانید آن را دریافت کرده یا تنظیم کنید.
یک متد عملی است که می توانید روی عناصر انجام دهید.
مثال زیر محتوای عنصر <p> با “id=”demo را تغییر می دهد:
1 2 3 4 5 6 7 8 9 10 11 | <html> <body> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "Hello World!"; </script> </body> </html> |
در مثال بالا getElementById یک متد و innerHTML یک پروپرتی است.
رایج ترین راه دسترسی به یک عنصر HTML استفاده از ID آن عنصر می باشد.
در مثال بالا متد getElementById از “id=”demo برای پیدا کردن عنصر استفاده می کند.
ساده ترین راه برای گرفتن محتوای یک عنصر HTML استفاده از خاصیت innerHTML می باشد.
این خاصیت برای گرفتن و تغییر محتوای یک عنصر مفید است.
جلسه آموزش توابع HTML DOM در جاوا اسکریپت JavaScript نیز به پایان رسید.
در جلسه بعد به آموزش شی Document در جاوا اسکریپت خواهیم پرداخت. با ما همراه باشید.