HTML5新添的DOM方法介紹

2021-09-13 20:31:53 字數 1187 閱讀 2513

h5中獲取元素的方法:

1. queryselector()       獲取符合選擇器的第乙個元素

2. queryselectorall() 獲取符合選擇器的所有元素

h5中 類名的操作方法:

var dom = document.queryselector("li:nth-child(2)");

dom.classlist.add("aa");//新增類

dom.classlist.remove("aa");//移除類

dom.classlist.contains("aa");//是否包含類

dom.classlist.toggle("aa");//切換類

h5中獲取當前類的方法:

jquery的 data() 是操作記憶體的;

h5的dataset 是操作dom的

在html5中我們可以自定義屬性,其格式如下data-*=""

var dom= document.queryselector("div");

var domset = dom.dataset;//自定義屬性的方法

domset.user ='gg'//定義屬性

domset.user//獲取屬性

console.log(domset.user);//輸出gg

HTML5基本介紹

一款強大的編輯軟體 webstorm或者 webstorm 1.1 webstorm常見快捷鍵 如何在webstorm中讓游標移動到當前行的末尾 如何在webstorm中讓游標移動到當前行的最前面 如何在webstorm中讓游標在多行中閃爍 如何在webstorm中快速的複製游標所在的那一行 如何在...

HTML5基本介紹

一款強大的編輯軟體 webstorm或者 webstorm 1.1 webstorm常見快捷鍵 如何在webstorm中讓游標移動到當前行的末尾 如何在webstorm中讓游標移動到當前行的最前面 如何在webstorm中讓游標在多行中閃爍 如何在webstorm中快速的複製游標所在的那一行 如何在...

HTML5中form表單新新增的屬性

通常form表單需要method和action兩種屬性 action指明了表單的提交路徑 method指明了提交的方法 有get和post兩種 get 用?關聯資料 用 連線多個資料 缺點 資料傳輸量有限 安全性問題 賬戶密碼等各種敏感資訊容易被人獲取 post 提交之後不會顯示任何資訊 資料傳輸量...