這節課我們來學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 是大小寫...