H5 標籤class類名屬性的動態修改方法

2021-09-23 10:08:23 字數 3094 閱讀 7412

【h5】標籤class類名屬性的動態修改方法:

box.classlist.add(「classname」); //新增類名

box.classlist.remove(「classname」); //刪除屬性

box.classlist.toggle(『classname』); //轉換屬性:class類名有classname就刪除 沒有就加上

box.classlist.contains(『classname』); //查詢屬性:有返回true/沒有返回false

="新增"

>

type

="button"

value

="刪除"

>

type

="button"

value

="獲取"

>

type

="button"

value

="切換"

>

type

="button"

value

="判斷"

>

>

let inp = document.

getelementsbytagname

('input');

const box = document.

getelementbyid

('box');

inp[0]

.onclick

=function()

inp[1]

.onclick

=function()

inp[2]

.onclick

=function()

inp[3]

.onclick

=function()

inp[4]

.onclick

=function()

script

>

body

>

html

>

box.dataset //方法獲取屬性

box.removeattribute (); //刪除屬性

// dataset : 資料集 主要用於傳輸資料;拿取屬性不區分大小寫。

const box = document.

getelementbyid

('box');

console.

log( box.dataset.panfu )

//獲取屬性方法

console.

log( box.dataset.hans )

console.

log( box.dataset[

"hans"])

//獲取屬性方法

console.

log( box.dataset[

"xiaohuihui"])

// console.log( box )

box.

removeattribute

('pandi');

//刪除自定義屬性

box.

removeattribute

('data-panfu');

//刪除自定義data屬性

// console.log( box )

//delete box.dataset['data-xiaohuihui'] //錯誤寫法

delete box.dataset[

'xiaohuihui'

]//正確寫法;

console.

log( box.dataset[

"xiaohuihui"])

// console.log( box )

script

>

body

>

html

>

H5 標籤屬性 input屬性

高亮文字 全部商品只要6.18 結果 加拼音文字 變bian 結果 軟換行,只試用於英文 zhe li shi ce shi wen zi,zhishiyongyuyingwen zhishiyongyuyingweninput輸入框 文字 text name username value 賬號 密...

H5新增的標籤以及屬性

h5的更新加強了瀏覽器的功能,減少了外掛程式的使用 flash svg 定義向量圖 time 日期和時間值 mark 高亮的引用文字 還有一些語義化標籤 頭部尾部 導航欄具體的內容 文章內容的側邊欄 用作文件中插圖的影象,如果要新增標題的話得使用並且要必須要放在標籤裡面 如 這是一張 mark標籤 ...

HTML主要標籤 H5新屬性

1 24 5 6 標籤語義化 推薦使用雙引號 1 點此跳轉1 1 2 3 姓名 4 年齡 5 班級6 7 8 9 王五 10 18 11 3 班 12 13 1 空格 2 小於號 3 大於號 1 2 標籤不允許放其他的標籤和文字 3 列表中第乙個元素 4 列表中第二個元素 5 6 7 第乙個 8 第...