dom標籤值為空 DOM程式設計之API總結篇

2021-10-17 09:09:17 字數 3292 閱讀 1734

1.1 node型別

1.2 element型別

1.3 text型別

1.4 attr型別

1.5 comment型別

1.6 document

1.7 documentfragment型別

2.1 childnodes屬性

element.childnodes

2.2 nodetype屬性

documenttitle>

head>

hello world!!!p>

body>

html>

[上傳失敗…(image-635720-1545535313683)]

node.nodetype

description.firstchild.nodevalue = text;

2.3 nodevalue屬性

2.4 firstchild和lastchild屬性

node.firstchild

與下面等價

node.childnodes[0]

node.lastchild
3.1 createelement

var div = document.createelement("div");

3.2 createtextnode

var textnode = document.createtextnode("乙個textnode");

3.3 clonenode

var parent = document.getelementbyid("parentelement"); 

var parent2 = parent.clonenode(true);// 傳入true

parent2.id = "parent2";

除此之外,我們還有乙個需要注意的點:

如果被複製的節點繫結了事件,則副本也會跟著繫結該事件嗎?這裡要分情況討論:

div>

3.4 createdocumentfragment

3.5 建立型api總結

4.2 insertbefore

parentnode.insertbefore(newnode,refnode);

父節點子元素

div>

div>

var parent = document.getelementbyid("parent");

var child = document.getelementbyid("child");

document.getelementbyid("insertnode").onclick = function()

4.3 removechild

var deletedchild = parent.removechild(node);

if(node.parentnode)

4.4 replacechild

parent.replacechild(newchild,oldchild);

4.5 頁面修改型api總結

5.1 document.getelementbyid

5.2 document.getelementsbytagname

5.3 document.getelementsbyname

使用這個介面主要要注意幾點

5.4 document.getelementsbyclassname

var elements = document.getelementsbyclassname(names);

var elements = document.getelementsbyclassname("test1 test2");

5.5 document.queryselector和document.queryselectorall

第**的spanspan>    

div>

div>

同級的第二個div

div>

document.getelementbyid("btnget").addeventlistener("click",function())

class為test

div>

id為test

div>

document.getelementbyid("btnshow").addeventlistener("click",function(){

var elements = document.queryselectorall("#test,.test");    

for(var i = 0,length = elements.length;i[上傳失敗…(image-1d163c-1545535313683)]

6.1 父關係型api

6.2 兄弟關係型api

DOM程式設計之十 正規表示式二

2 例項物件的屬性 global regexp 物件是否具有標誌 g。ignorecase regexp 物件是否具有標誌 i。lastindex 乙個整數,標示開始下一次匹配的字元位置。multiline regexp 物件是否具有標誌 m。source 正規表示式的源文字 即模式文字。4,reg...

java與xml聯合程式設計之DOM篇(2)

dom詳解 1 基本的dom物件 dom的基本物件有5個 document,node,nodelist,element和attr。下面就這些物件的功能和實現的方法作乙個大致的介紹。document物件代表了整個xml的文件,所有其它的node,都以一定的順序包含在document物件之內,排列成乙個...

《程式設計之法》 尋找和為定值的多個數

輸入兩個整數n和sum,要求從數列1,2,3,n中隨意取出幾個數,使得它們的和等於sum,請將其中所有的可能的組合列出來。這是個01揹包問題。考慮是否取第n個數的策略,問題可以轉化為乙個只與前n 1個數相關的問題,也就是 1 如果取第n個數,那麼問題就轉化為 取前n 1個數使得它們的和為sum n ...