1．dom獲取節點方式
="aaa"
>
1<
/h1>
"bbb"
>
1<
/h1>
2<
/p>
2<
/p>
2<
/p>
"text" name=
"ccc"
>
var a = document.
queryselector
("h1");
var b = document.
queryselectorall
("p");
b[0]
// p1
b[1]
// p2
b[2]
// p1
var c =document.
getelementbyid
("bbb");
//不用加#
var d = document.
getelementsbytagname
("p");
//用法和b一樣
var e = document.
getelementsbyclassname
("h1");
// e[0]有下標
var f = document.
getelementsbyname
("ccc");
//有name的才能用
<
/script>
p.on
<
/style>
<
/head>
123456789
<
/p>
var mp = document.
queryselector
("p");
mp.classlist.
add(
"on"
)// 新增
mp.classlist.
remove
("on"
)//移除
mp.classlist.
toggle
("on"
)//有則移除，無則新增
mp.classlist.
replace
(oldclass,newclass)
// 前面新 後面舊
mp.class
.contains
("on"
)//true; 布林值 有返回true 無返回false
<
/script>
<
/body>
1<
/li>
2<
/li>
3<
/li>
<
/ul>
var myul = document.
queryselector
("ul");
var myli = document.
queryselectorall
("ul li");
var newli = document.
createelement
("li");
//建立節點
newli.innerhtml =
"4";
//新增內容
myul.
(newli)
;//尾新增
// insertbefore(a,b) 把a節點插入到b節點之前
myul.
insertbefore
(newli,myul.firstelementchild)
;// 刪除節點
myul.
removechild
(myli[2]
);//替換節點：replacechild(新節點,舊節點)
myul.
replacechild
(newli,myul.firstelementchild)
;// 要複製的節點.clonenode(boolean)
// true-深度複製（包含節點裡面的內容）；
// false-淺複製 （只包含節點節點標籤）
var lastnode = myul.lastelementchild;
document.
onclick
=function()
<
/script>
Js DOM節點屬性
在文件物件模型 dom 中，每個節點都是乙個物件。dom 節點有三個重要的屬性 1.nodename 節點的名稱 2.nodevalue 節點的值 3.nodetype 節點的型別 一 nodename 屬性 節點的名稱，是唯讀的。1.元素節點的 nodename 與標籤名相同 2.屬性節點的 no...
JS DOM查詢節點
全稱 文件物件模型 document object model 作用 定義一系列標準物件，通過物件給我們提供的方法來訪問節點 操作 增刪改查 節點 html元素 dom中一切都是物件，包含方法以及屬性。所有的操作都是從物件開始。在dom中所有的內容都會被解析為乙個節點 物件 會形成乙個倒掛的樹狀圖，...
js DOM層次節點（一）
dom 文件物件模型 是針對html和xml文件的乙個api。dom描繪了乙個層次化的節點樹，允許開發人員新增，移除和修改頁面的某一部分。節點分為幾種不同的型別，分別表示文件中不同資訊及標記。每個節點都有各自的特點，資料等，也與其他節點存在某種關係。節點之間的關係構成了層次，所有頁面標記為乙個以特定...