JavaScript基礎203 Dom物件介紹

2021-08-28 04:28:19 字數 1786 閱讀 5851

1、document:文件物件

1、建立(獲取)

window.document 

document

2、方法

//獲取element物件

getelementbyid()

//id獲取元素物件。id屬性值一般唯一

getelementsbytagname()

//名稱獲取元素物件們。返回值是乙個陣列

getelementsbyclassname()

//class屬性值獲取元素物件們。返回值是乙個陣列

getelementsbyname()

//name屬性值獲取元素物件們。返回值是乙個陣列

//建立其他dom物件:

createattribute

(name)

createcomment()

createelement()

createtextnode

()

2、element:元素物件
1、獲取/建立

window.element

element

2、方法

removeattribute()

//刪除屬性

setattribute()

//設定屬性

3、node:節點物件,其他幾個的父物件
1、方法

//crud  dom樹()

//新增新的子節點

removechild()

//刪除子節點

replacechild()

//新節點替換乙個子節點

2、屬性

parentnode      //返回節點的父節點
4、html dom
1、標籤體的設定和獲取 innerhtml

2、使用html元素物件的屬性

3、控制元素樣式

//style屬性來設定

div1.style.border =

"1px solid red"

; div1.style.width =

"200px"

; div1.style.fontsize =

"20px"

;//類選擇器定義樣式

div1

javascript函式基礎 this基礎

this是函式體內自帶的乙個物件指標,它能夠始終指向呼叫物件 這個this代表的物件由this所在的執行作用域決定的,而不是根據this所在的定義作用域決定。this 屬性 如果this未包含屬性,則直接傳遞的是當前物件 1.this代表當前操作物件 this即代表 物件input 2.this代表...

javascript 基礎 動畫

function positionwhere js 有兩個地方我一直沒注意 現在寫出來提醒一下自己 1.在html中的匯入是有順序的js的執行的非同步且高速 依賴其他方法執行的指令碼必須在他依賴的指令碼的後面匯入 不然速度太快了 依賴的方法還沒匯入就直接去尋找 找不到的 比如addloadevent...

JavaScript基礎 陣列

1.陣列簡介 陣列的定義方式1 輸出結果 陣列的定義方式2 字面量 輸出結果如下 2.陣列的四種方法 1.push 方法 作用 向陣列末尾新增元素並且返回新的陣列長度 輸出結果如下 2.pop 方法 作用 刪除並返回陣列的最後乙個元素 輸出結果如下 3.unshift 方法 作用 向陣列開頭新增乙個...