attribute和property
1. 什麼是attribute?什麼是property?
html預定義屬性和自定義屬性,統稱為attribute
js原生物件的直接屬性,統稱為property
每乙個預定義的attribute都會有乙個property與之對應
2. 什麼是布林值屬性?什麼是非布林值屬性?
type
="checkbox"
checked
="checked"
name
="wy"
/>
var wy = document.
queryselector
("input[type=checkbox]"
)wy.
setattribute
("checked"
,"wy1"
)//改變attribute
wy.checked=
"wy2"
//改變property
布林值屬性:property屬性值為布林值型別 ,例如checked
非布林值屬性:property屬性值是非布林值型別,例如name
3. attribute和property的同步關係
非布林值屬性:實時同步
布林值屬性:
4. 使用者操作的是property!
5. 瀏覽器認的是property!
新增classlist屬性
新增一種操作類的方式,為所有元素新增classlist屬性
該屬性有:
length屬性
add()方法
remove()方法
toggle()方法
contains()方法
自定義資料屬性
固定可以為元素新增非標準的屬性,為元素新增預渲染無關的資訊或者提供語義資訊。
屬性要以data-開頭
可以通過dataset屬性訪問自定義屬性的值
可編輯屬性
contenteditable屬性
"test"
contenteditable
="true"
>
dhfdhkfks
div>
HTML學習筆記Day1
一 建設流程 1.註冊網域名稱 2.租用空間 伺服器 3.建設 1 確定 主題 專案 2 蒐集材料 專案 3 規劃 ui 4 製作頁面 前端 後端 4.網路推廣 二 web的構成 1.結構 xhtml xml html5 w3c規定了表現標準 2.表現 css渲染 w3c規定了表現標準 3.行為 d...
Html5學習筆記 1
1 figure figcaption detail summary mark學習筆記 效果圖 為 中國南海 figcaption figure script function showorhide detail else script details id detail onclick showo...
HTML5學習筆記1
1.參考資料w3c 另外就是mozilla開發者網路 更具有親和力,權威性較差 示例 apress.com 2.空元素 元素的開始和結束標籤之間並非一定要有內容,沒有內容的元素稱為空元素 3.虛元素 有些元素只能使用乙個標籤表示,在其中放置任何內容都不符合html規範.這類元素稱為虛元素.例如 組織...