JavaScript基礎之Dom物件

2021-09-19 14:41:05 字數 1012 閱讀 9304

一、document:文件物件

1、建立(獲取)

window.document

document

2、方法

//獲取element物件

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

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

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

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

//建立其他dom物件:

createattribute(name)

createcomment()

createelement()

createtextnode()

二、element:元素物件

1、獲取/建立

window.element

element

2、方法

removeattribute() //刪除屬性

setattribute() //設定屬性

三、node:節點物件,其他幾個的父物件

1、方法

2、屬性

parentnode //返回節點的父節點

四、html dom

1、標籤體的設定和獲取 innerhtml

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

3、控制元素樣式

//style屬性來設定

div1.style.border = "1px solid red";

div1.style.width = "200px";

div1.style.fontsize = "20px";

//類選擇器定義樣式

div1

原文:

javascript之閉包基礎

閉包基礎 function f1 return f2 閉包 能夠訪問乙個函式內部變數的函式 f2就是乙個閉包 var f f1 呼叫f1之後返回閉包函式 f 1 f 2 原因 閉包函式引用了外部函式的變數,導致外部函式變數不會立即被 閉包延長了函式內部變數的生命週期 注意 函式的引數也是區域性變數,...

JavaScript基礎之標準物件

為了區分物件的型別,我們用typeof操作符獲取物件的型別,它總是返回乙個字串.總結一下有這麼幾條規則需要遵守 1.不要使用new number new boolean new string 建立包裝物件 2.用parseint 或者parsefloat 來轉換任意型別到number 3.用stri...

JavaScript基礎之更新DOM

一種是修改innerhtml屬性,這個方式非常強大,不但可以修改乙個dom節點的文字內容,還可以直接通過html片段修改dom節點內部的子樹 獲取 p id var p document.getelementbyid p id 設定文字為abc p.innerhtml abc p id abc 設定...