فلوکس یک سیستم آموزش جامع و رایگان جاوا اسکریپت را همراه با نمونه های عملیاتی از مبتدی تا حرفه ای در اختیار شما قرار می دهد.
جاوا اسکریپت می تواند محتوای HTML را تغییر دهد
یکی از بسیاری از روش‌های HTML جاوا اسکریپت
getElementById() است.مثال زیر یک عنصر HTML (با id="demo") را می یابد و محتوای عنصر (innerHTML) را به "Hello JavaScript" تغییر می دهد:
مثال 1:
document.getElementById("demo").innerHTML = "سلام جاوا اسکریپت"؛جاوا اسکریپت هم نقل قول های دوتایی و هم تکی را می پذیرد:
مثال 2:
document.getElementById('demo').innerHTML = 'سلام جاوا اسکریپت';جاوا اسکریپت می تواند مقادیر ویژگی HTML را تغییر دهد
در این مثال جاوا اسکریپت مقدار ویژگی
src (source) یک تگ <img> را تغییر می‌دهد:
Download Codes:
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div style="width:100%;text-align:center">
<img id="_lightblb" src="https://cdn.phelox.com/assets/uploads/pic_bulboff.gif"><br><br>
<input onclick="document.getElementById('_lightblb').src='https://cdn.phelox.com/assets/uploads/pic_bulbon.gif';" type="button" value="Turn on the light">
<input onclick="document.getElementById('_lightblb').src='https://cdn.phelox.com/assets/uploads/pic_bulboff.gif';" type="button" value="Turn off th light">
</div>
</body>
</html>