第七課 js的DOM操作

2021-09-02 22:10:18 字數 2287 閱讀 8575

這節課我們來學js的dom操作

先來說下啥事dom,就是document object model,文件物件模型

dom操作就是用來操作html裡的各個標籤的,看演示

//

這節課講dom操作

//1 獲取html的某個標籤

根據標籤名

/** * document.getelementsbytagname(tagname)

*@type

*@paramtagname

標籤名 *@return所有名為tagname的標籤的陣列

*/varbody = document.

getelementsbytagname

("body")[0];

根據id

/** * document.getelementbyid(id)

*@paramid

標籤的id屬性

*@returnid為引數的標籤,由於html裡的標籤的id是不允許重複的,所以可以獲得唯一的標籤物件

*/// var element = document.getelementbyid("");

根據name獲取標籤

/** * document.getelementsbyname(name)

*@paramname

標籤的name屬性

*@returnname為引數的所有標籤,由於html裡的標籤的name屬性是可重複的,所以返回的是標籤物件陣列

*/// document.getelementsbyname("")

根據class樣式獲取標籤

//2 建立標籤

/** * document.createelement(elementname)

*@paramelementname

標籤名 *@return建立標籤名對應的標籤物件並返回

*/varaelement = document.

createelement

("a");

//3

操作標籤

給標籤新增子標籤

/** *

* element

是標籤物件

* childelement是子標籤

*/body.

(aelement)

; 給標籤刪除子標籤

/** * element.removechild(childelement)

* * element

是標籤物件

* childelement是子標籤

* removechild()方法可以移除element裡子標籤裡的childelement標籤

*/// body.removechild(aelement);

操作標籤的屬性

.1 操作標籤的內容

//通過innerhtml屬性設定標籤的內容,此舉相當於 js教程

aelement.innerhtml =

"js教程"

;.2

操作標籤的屬性

.2.1 設定標籤的屬性

/** *

* element.attribute = value

* 相當於

* element.style.*** = value

* 相當於

* * element.classname = value;

* 相當於

*/aelement.id =

"firsta"

;aelement.style.color=

"red"

;aelement.style.border =

"1px bolder black"

;// aelement.classname = ""

.2.2

刪除標籤的屬性

刪除element標籤的attributename屬性

// aelement.removeattribute("")

給標籤設定事件

// element.eventname = function()

aelement.onclick =function() ;//

貌似就這些了

字元驅動第七課 原子操作

當同乙份 產生兩個例項 執行態 時,他們所操作的空間就是同一塊空間,這會造成資料不按預想地被修改,這就是重入問題,避免了這種衝突的 叫可重入 同乙個程序內,乙個函式還沒有執行完就又開始第二次呼叫,這也會引起重入問題。如正在執行add 函式,此時來了個中斷,中斷服務子程式中也要呼叫add 函式,此時可...

C語言第七課

主要內容 結構體 很重要,掌握 一 結構體的宣告 結構體是一種比較靈活的資料型別,與oc要學的類很相似 結構體是一種自己定義的資料型別示例 struct 結構體名 student 定義乙個學生型別 由結構體型別修飾的變數,叫結構體變數 定義 struct 結構體名 變數名 示例 struct stu...

第七課 C變數

第七課c變數 7.1 c 變數介紹 變數是程式可操作的儲存區的名稱。c 中每個變數都有特定的型別,型別決定了變數儲存的大小和布局,該範圍內的值都可以儲存在記憶體中,運算子可應用於變數上。變數的名稱可以由字母 數字和下劃線字元組成。它必須以字母或下劃線開頭。大寫字母和小寫字母是不同的,因為c 是大小寫...