آموزش جاوا اسکریپت

ساخت وبلاگ

آخرین مطالب

امکانات وب

آموزش جاوا اسکریپت

خوب شروع می کنیم.
یکی از متدهایی که در جاوا اسکریپت به کرات استفاده می شود ، متد :      getElementById      می باشد.

کار متد فوق ، پیدا کردن عناصر اچ تی ام ال به وسیله id های آن هاست.

خوب حالا مثال ها رو باهم دیگه شروع می کنیم...

مثال اول : 

در این مثال میخواهیم یک متن رو با متد فوق ، هنگام کلیک کردن روی یک دکمه خاص ، تغییر بدیم.

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

کد:

<!DOCTYPE html>
<html>
<body>

<h1>What Can JavaScript Do?</h1>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button" >روی من کلیک کنید .</button>

</body>
</html>

حالا لطفا روی دکمه ایجاد شده کلیک کنید . خواهید دید هیچ اتفاق شگفت انگیزی رخ نمیدهد.

حالا به دکمه خودتون ،  دستور جاوا اسکریپت زیر را با استفاده از متد فوق اضافه کنید:

کد:

<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">روی من کلیک کنید.</button>

خوب حالا می تونید دکمه خودتون رو یه بار دیگه با رفرش کردن مرورگر خود ، امتحان کنید.

خوب ما با استفاده از صفت جاوا اسکریپت onclick یک دستور جاوا اسکریپتی نوشتیم.

و با نوشتن دستورات زیر در واقع : 
document.getElementById('demo').innerHTML
داریم میگیم که مرورگر عزیز لطفا در سند ما ، به دنبال عنصری بگرد که آی دی اون demo باشد؛ و تغییرات داخلی انجام بده . ایننر (inner) یعنی (داخلی ) است.
به همین راحتی .
سیدمحمدمهدی موسوی
با ما همراه باشید.

Shy

برنامه نویس...
ما را در سایت برنامه نویس دنبال می کنید

برچسب : نویسنده : خنجی prog بازدید : 143 تاريخ : جمعه 1 مرداد 1395 ساعت: 1:32

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه