مقدمة إلى JavaScript

هذا الفصل يقدم لك بعض الأمثلة الجزئية لعرض قدرات JavaScript.

يمكن لـ JavaScript تغيير محتوى HTML

getElementById() هو واحد من العديد من طرق JavaScript HTML.

في هذا المثال، يتم استخدام هذا الأسلوب لـ "البحث" عن العنصر HTML الذي يحتوي على id="demo"، وبعد ذلك تعيين محتوى العنصر (innerHTMLغيّر "Hello JavaScript":

مثال

document.getElementById("demo").innerHTML = "Hello JavaScript";

جرب بنفسك

إشارة:JavaScript يقبل كلاً من الأسلاك المزدوجة والأسلاك الواحدة:

مثال

document.getElementById("demo").innerHTML = 'Hello JavaScript';

جرب بنفسك

JavaScript يمكنه تغيير خصائص HTML

هذا المثال من خلال تغيير <img> في علامة src الخاصية (source) لتغيير صورة HTML:

مصباح


جرب بنفسك

JavaScript يمكنه تغيير النمط (CSS) للعنصر HTML

تغيير النمط للعنصر HTML، هو تنويع لتغيير الخاصية HTML:

مثال

document.getElementById("demo").style.fontSize = "25px";

جرب بنفسك

JavaScript يمكنه تمويه العنصر HTML

يمكن تغييرها عرض النمط لتمويه العنصر HTML:

مثال

document.getElementById("demo").style.display="none";

جرب بنفسك

JavaScript يمكنه عرض العنصر HTML

يمكن تغييرها عرض النمط لعرض العنصر HTML المخفي:

مثال

document.getElementById("demo").style.display="block";

جرب بنفسك

قراءة خارجية

دليل متقدم لـ JavaScript: تاريخ JavaScript ، تحقيق JavaScript