Javascript調(diào)用css的方法是什么

今天小編給大家分享一下Javascript調(diào)用css的方法是什么的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

蓋州網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、自適應(yīng)網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)自2013年創(chuàng)立以來到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

JavaScript調(diào)用CSS的方法

1. 通過getElementById()獲取元素對(duì)象，再通過修改元素對(duì)象的style屬性改變CSS樣式

JavaScript中有一個(gè)非常重要的方法getElementById()，可以通過指定id屬性獲取頁面上的特定元素對(duì)象。我們可以通過這個(gè)方法獲取到需要修改樣式的具體元素對(duì)象，進(jìn)而操作該元素對(duì)象的style屬性，改變?cè)氐臉邮健?/p>

例如，我們可以通過如下代碼改變id為“text”的元素的字體大?。?/p>

document.getElementById("text").style.fontSize="20px";

2. 利用setAttribute()方法修改元素對(duì)象的class屬性

除了通過getElementById()方法改變?cè)氐臉邮?，我們還可以通過setAttribute()方法修改元素對(duì)象的class屬性。使用class屬性可以讓多個(gè)元素共享相同的樣式，減少了重復(fù)的代碼。

例如，我們可以通過如下代碼修改id為“text”的元素的class屬性值為“change”：

document.getElementById("text").setAttribute("class","change");

3. 利用getElementsByTagName()方法獲取一組元素對(duì)象，再通過修改元素對(duì)象的className屬性改變CSS樣式

getElementsByTagName()方法可以獲取指定標(biāo)簽名的元素對(duì)象，返回的是一個(gè)包含了該標(biāo)簽名下所有元素對(duì)象的列表。我們可以通過該方法獲取到需要修改樣式的一組元素對(duì)象，再通過修改元素對(duì)象的className屬性來改變?cè)氐臉邮健?/p>

例如，我們可以通過如下代碼修改所有標(biāo)簽名為“p”的元素的class屬性值為“change”：

var paragraphs = document.getElementsByTagName("p");
for (var i = 0; i < paragraphs.length; i++) {
    paragraphs[i].className = "change";
}

JavaScript是什么

JavaScript是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語言，最早是在HTML網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。

以上就是“Javascript調(diào)用css的方法是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：Javascript調(diào)用css的方法是什么
網(wǎng)站路徑：http://muchs.cn/article36/gecdsg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、商城網(wǎng)站、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)