تغییر محتوا و مقادیر html و css

 

متغیرهای JavaScript برای نگهداری مقادیر و یا عبارات به کار می روند. متغیرها می توانند اسمی کوتاه داشته باشند مانند X و یا کمی توصیفی باشند مانند carname ، نام متغیرها به حروف کوچک و بزرگ حساس بوده و با حروف و یا آندرلاین و یا $ شروع شوند.

در جاوا اسکریپت متغیر ها به صورت undefined تعریف می شوند! اما در صورتی که بخواهیم ، می توانیم به آن ها مقدار بدهیم و یا نوع آن ها را مشخص کنیم :

var cars = null;
var carname = new String;
var x = new Number;
var y = new Boolean;
var cars = new Array;
var person = new Object;

مـــهم آوردن کلمه var اختیاری است! و بهتر است برای نام گزاری متغیر ها از کلمات معتبر در طراحی وب سایت استفاده نکنید.

 

جاوا اسکریپت می تواند محتوای html را بخواند و آن ها را تغییر دهد.

x = document.getElementById(“demo”); // پیدا کردن عنصری با شناسه دمو

x.innerHTML = “قرار دادن این متن داخل عنصر”;

در قسمت اول دستور getElementByTd تگ مربوط به آی دی demo را فراخوانده و در قسمت بعد دستور innerHTML محتوای درون تگ را تغییر می دهد.

 

جاوا اسکریپت می تواند مقادیر موجود در css را نیز تغییر دهد.

برای اینکار باید بعد از نام متغیری که عنصر را فراخوانده از عبارت style. استفاده کنیم.

document.getElementById(“demo”).style.color = “#554433”;

document.getElementById(“demo”).style.border = “solid”;

مـــهم جاوا اسکریپت فاصله ها را در نظر نمی گیرد!

 

صفحه بعدیصفحه قبلی

 

تاریخ آخرین بروز رسانی: 2018/03/27

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *