JavaScript靜態和動態獲取方法

2021-08-15 10:47:01 字數 1582 閱讀 1179

先建立乙個p標籤,為它設定id為test

這是一段測試文字!

var otest = document.getelementbyid('test');

在這裡改變獲取物件的顏色和id

var otest = document.getelementbyid('test');        

otest.style.color = 'red';

otest.id = 'testt';

這時候獲取的物件id已經改變,再用方法獲取的物件為null;

document.getelementbyid('test');

先建立一些標籤

var obox =document.queryselector("#box");

var ap = document.queryselectorall("#box p");

console.log(ap.length); //3

console.log(ap.length); //3

為獲取物件ap增加一對p標籤,但是輸出的結果依然不變,這是靜態獲取方法。先建立一些標籤

p1

p2p3

1.getelementsbyclassname方法

var axiao1 =document.getelementsbyclassname('xiao1');     //獲取到xiao1類陣列

console.log( axiao1.length ); //先輸出長度 3

axiao.innerhtml+= "p4

";console.log( axiao1.length ); //4

2.getelementsbytagname方法

var obox =document.queryselector("#box");

var ap = document.getelementsbytagname('p');

console.log(ap.length); //3

obox.innerhtml += "哈哈

";console.log(ap.length); //4

3.queryselector

var obox =document.queryselector("#box");

console.log(obox.id); //box

obox.id = "testobox";

console.log(obox.id); //testobox

javascript函式的靜態載入與動態執行

函式定義是,已經寫入了記憶體,是靜態的模式,但是我們經常想得到的缺失動態效果 錯誤var trs document.getelementbyid tr var length trs.length for var index 0 index 函式定義時,只會載入進入記憶體,是不會執行的 對於函式內變數...

偽靜態 靜態和動態的區別

目前開發的 其實真正意義上都是動態 只是url上有些區別,一般url分為靜態url 動態url 他們的區別是是什麼?靜態url 靜態url類似 網域名稱 news 2012 5 18 110.html,我們一般稱為靜態url,每個網頁有真實的物理路徑,也就是真實存在伺服器裡的。最大型缺點是如果是中大...

偽靜態 靜態和動態的區別

目前開發的 其實真正意義上都是動態 只是url上有些區別,一般url分為靜態url 動態url 偽靜態url,他們的區別是什麼?靜態url 靜態url類似 網域名稱 news 2012 5 18 110.html 我們一般稱為真靜態url,每個網頁有真實的物理路徑,也就是真實存在伺服器裡的。動態ur...