JS物件 5 文件物件 HTMLElement

2021-10-23 05:10:17 字數 2352 閱讀 1966

一.元素屬性

1.id → 獲取或設定id屬性

2.classname → 獲取或設定類列表

3.classlist → 獲取或設定類列表

4.title → 獲取或設定title屬性

5.checked → 獲取或設定checked屬性是否存在

6.hidden → 獲取或設定hidden屬性是否存在

7.disabled → 獲取或設定disabled屬性是否存在

8.lang → 獲取或設定lang屬性

9.dir → 獲取或設定dir屬性

10.spellcheck → 獲取或設定spellcheck屬性

11.tabindex → 獲取或設定tabindex屬性

12.tagname → 獲取標籤名

13.style → 獲採樣式物件

通過style.fontsize, style.color設定獲取具體樣式

二.domtokenlist 物件

1.add

(<

class

>

) 新增指定類

2.contains

(<

class

>

) → 是否包含指定類

3.length → 類的數量

4.remove

(<

class

>

) 移除指定類

5.toggle

(<

class

>

) 類存在就移除,不存在就新增

6.[index] 通過索引獲取類名

三.屬性控制

1.attributes →[attr] 所有屬性

[index]或[屬性名]獲取attr物件,通過attr的name和value屬性獲取或設定

2.dataset → [string] data-開頭的屬性

for-in語句遍歷屬性名,

[屬性名]

獲取或設定屬性值

(屬性名忽略data-開頭)

3.getattribute

() → 獲取指定屬性的值

4.hasattribute

() → 判斷是否帶有指定屬性

5.removeattribute

() 移除指定屬性

6.setattribute(,

) 指定屬性和值

四.text物件

1.() 指定字串加到文字塊末尾

2.deletedata(,

) 指定偏移量和刪除字元的數量

3.insertdata(,

) 指定偏移量處插入字元

4.replacedata(,

,) 替換指定文字

5.replacewholetext

() 替換所有文字

6.splittext

() 在指定偏移量一分為二

7.substringdata(,

) 返回指定文字

8.data 獲取或設定文字

9.wholetext 獲取文字

五.修改文件層級結構

1.()指定元素新增

(移動)為子元素

2.removechild

() 移除指定子元素

3.remove

() 刪除自己

4.replacechild(,

) 指定元素替換子元素

5.clonenode

() →

複製元素

(引數代表復不複製子元素)

6.comparedocumentposition

() 判斷元素相對位置

返回值:

1 沒關係,

2p1位於p2後,

4p1位於p2前,

8p1位於p2內

16p2位於p1內,

32沒有關係

(可能是值的組合,如20=4

+16)7.

insertadjacenthtml(,

)html插入相對位置

取值 : afterbegin 第乙個子元素 beforeend 最後乙個子元素

afterend 當前元素之後 beforebegin 當前元素之前

8.insertbefore(,

)在第二個

(子)元素前插入第乙個元素

9.isequalnode

() → 判斷元素是否相同

10.issamenode

() → 判斷是否同一元素

11.outerhtml 獲取或設定當前元素及其子元素html

12.innerhtml 獲取或設定當前元素的子元素html

理解 HTML5 文件型別

html4 和 html5 之間最明顯的區別是新的縮短的文件型別。html4 文件型別 html5 採用一種非常簡短 沒有版本的文件型別 宣告必須位於html5文件中的第一行,它告訴瀏覽器網頁所使用的 html規範是什麼。html4中的doctype需要對dtd進行引用,因為html4基於sgml。...

HTML5文件結構分析

html5規範將元素分為三大類 元資料元素,流元素和短語元素 指示 web 瀏覽器關於頁面使用哪個 html 版本進行編寫的指令。html版本有 html 5,html 4.01 strict,html 4.01 transitional,html 4.01 frameset,xhtml 1.0 s...

怎麼寫html5文件 第乙個html5文件

html 是用來描述網頁的一種語言。html 標記標籤通常被稱為 html 標籤 html tag html 標籤通常是成對出現的,比如和標籤對中的第乙個標籤是開始標籤,第二個標籤是結束標籤 開始和結束標籤也被稱為開放標籤和閉合標籤 html 元素 html 標籤 和 html 元素 通常都是描述同...