HTML5 學習筆記 day1

2021-09-12 00:01:09 字數 1336 閱讀 4117

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規範.這類元素稱為虛元素.例如 組織...