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 ...