在js中 ， 可以使用getElementById（）方法通過id獲得網頁元素對象 ， 通過給style屬性中的css樣式屬性賦值 ， 從而實現給網頁元素添加css樣式 。 下面小編以改變文字為例 ， 講解怎樣通過js來為網頁元素添加CSS樣式 。
需要這些哦
html+js
代碼編纂器：Dreamweaver CS5
方式/
1新建一個html文件 ， 定名為test.html ， 用于如何經由過程js來為網頁元素添加CSS樣式 。
2在test.html文件內 ， 利用p標簽建立一行文字 ， 文字內容為“這是測試的文字內容 。 ” 。
3在test.html文件內 ， 設置p標簽的id屬性值為bbtest ， 本家兒要用于下面經由過程該id獲得p對象 。
4在test.html文件內 ， 利用button標簽建立一個按鈕 ， 按鈕名稱為“添加CSS樣式” 。
5在test.html文件中 ， 給button按鈕綁定onclick點擊事務 ， 當按鈕被點擊時 ， 執行addcs函數 。
6在js標簽中 ， 建立addcs()函數 ， 在函數內 ， 利用getElementById方式經由過程id（bbtest）獲得p標簽對象 ， 經由過程設置style屬性中的color屬性 ， 實現改變文字的顏色 ， 例如 ， 這里改變文字的顏色為藍色blue 。
7在瀏覽器打開test.html文件 ， 點擊按鈕 ， 查看實現的結果 。
總結：1【怎樣通過js來為網頁元素添加CSS樣式】1、建立一個test.html文件 。
2、在文件內 ， 利用p標簽建立一行文字 ， 設置p標簽的id屬性值為bbtest 。 同時建立一個button按鈕 ， 用于觸發執行js函數 。
3、在js標簽內 ， 建立函數 ， 在函數內 ， 利用getElementById方式經由過程id（bbtest）獲得p標簽對象 ， 經由過程設置style屬性中的color屬性 ， 實現改變文字的顏色 。
注重事項style屬性中除了color屬性 ， 還有fontsize屬性 ， width屬性 ， height屬性等 。
以上內容就是怎樣通過js來為網頁元素添加CSS樣式的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 夏至吃什么最開運？
- 怎樣炒粉絲好吃又簡單
- 怎樣做一碗好吃的西紅柿雞蛋面
- 怎樣通過呼吸氣味聞疾病
- 寶寶拉黑屎怎樣回事?
- 怎樣發朋友圈約酒
- 兔子生活習性 家兔是由野兔經長期馴化而來的
- 波士頓梗幾個月立耳 在8個月齡前都能站起來
- 汽車如何提升動力
- 怎樣選擇牙膏？什么樣的人用什么樣的牙膏？