使用datasest屬性改變樣式

對於html中的標籤我們可以自定義標籤中的屬性，例如給input加乙個aaa屬性

let intype = document.queryselector("input");

console.log("intype.type:"+intype.type);
console.log("intype.aaa:"+intype.aaa);

也就是說無法通過元素.屬性名的方式 直接獲取屬性aaa的值

這時候只能通過元素.getattribute('屬性名')來獲取其屬性值，**入下：

console.log("intype.getattribute('aaa'):"+intype.getattribute("aaa"));

而要改變該元素屬性的方法則是元素.setattribute('屬性名','屬性值')**如下

intype.setattribute("aaa","ddd");

而通過data-屬性名這種方法可以 自定義屬性名並通過data.屬性名獲取屬性值

​ 通過按鈕改變背景顏色

紅綠藍

從而實現點選不同的按鈕更換不同的背景色

​ 點選按鈕切換背景色除了上述方式也可通過陣列進行賦值，具體**如下(布局可不用改變)：

let btns = document.getelementsbytagname("button");

let color_list = ["red","yellowgreen","skyblue"]
for(let i = 0;i < btns.length;i++)
}

Jquery 改變樣式

jquery 是乙個非常好用js庫，有很多的特殊的操作，為了方便，我們都可以引入jquery。在寫 web 專案是，往往我們的圖示，都是一些標籤，我們是通過樣式來修改顯示的圖示。我們要通過改變 中的 class 樣式來改變顯示的圖示。具體的 如下 網頁部分 我的 js部分 其中 中，用到了 attr...

Dom程式設計 Element，改變樣式

var p document.createelement p p.id dwdw p.class dwdw 小結 setattribute 可以設定正常的屬性 id，class 也可以設定非標準的屬性，但需要在前面機上 data 開頭 setattribute 設定的非標準屬性不能通過 div.id...

第22天 js改變樣式效果

一 輸出語句 1 alert 彈出警示框 用的非常少，使用者體驗不好 完整寫法 window.alert 執行語句 window物件，視窗，一般情況可省略 alert 123 2 console控制台輸出 使用者看不見 一般用於測試用 console.log 控制台輸出，普通輸出語句 console...