js03 DOM程式設計

2021-09-25 15:27:40 字數 835 閱讀 2331

1、html文件=dom樹,就是乙個document

2、動態的改變dom樹

3、window.onload

window.onload = function() 可以直接先載入介面

或者function show() window.onload = show;

1、getelementsbytagname得到乙個陣列

var  lis = document.getelementsbytagname("li");    

//alert(lis.length);

for(var i = 0;i只有input標籤使用value取值,其他寫在標籤內的都使用innerhtml

2、getelementsbyname得到乙個陣列window.onload = function()

2、removechild
var myul = document.getelementbyid("myul");

myul.removechild(myul.firstchild);

注意換行也是子節點

移除節點之後,後面的節點會補上,如果移除第乙個,那麼第二個就會變成第乙個節點

3、replacechild

replacechild(新節點,舊節點);

var l = document.createelement("li");

var t = document.createtextnode("j");

myul.replacechild(l,myul.firstchild);

JS級聯下拉列表,DOM程式設計

建立新節點 document.createelement div document.createattribute class document.createtextnode 文字 e.innerhtml document.createcomment 注釋內容 document.createdocu...

JS學習總結(二) Dom程式設計

1.關於dom document object model 文件物件模型 多用來處理和表示html和xml文件。dom是針對xml html的基於樹的api。dom樹定義了節點node的介面以及許多節點型別來表示文件不同功能不同方面的節點。dom結構理解為樹型結構,節點就是樹枝分叉處的那個點。2.j...

DOM程式設計

dom 基於文件物件模型程式設計,解析html頁面時,js引擎將html頁面中每乙個標籤都封裝成一物件,通過操作這些物件在頁面中顯示效果 整個文件 document 乙個標籤物件代表乙個節點 node 屬性 nodename 節點名稱 它是以乙個樹狀結構進行儲存 學習dom程式設計的作用 all 返...