يوفر لك PHELOX نظام تدريب JavaScript شامل ومجاني مع أمثلة تشغيلية ، من المبتدئين إلى المحترفين.
يمكن لبرنامج Java Script تغيير محتوى HTML
إحدى طرق JavaScript HTML العديدة هي
getElementById () .المثال أدناه "يجد" عنصر HTML (مع id = "demo") ، ويغير محتوى العنصر (داخلي HTML) إلى "Hello JavaScript":
المثال الأول:
document.getElementById ("demo"). innerHTML = "Hello JavaScript"؛ تقبل JavaScript كلاً من علامات الاقتباس المزدوجة والمفردة:
المثال الثاني:
document.getElementById ('demo'). innerHTML = 'Hello JavaScript'؛ يمكن لـ JavaScript تغيير قيم سمات HTML
في هذا المثال ، تغير JavaScript قيمة السمة
src (المصدر) لعلامة <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>