>
>
charset
="utf-8"
>
>
title
>
>
/****************=直接獲取節點物件的方式*********************/
方式直接獲取單個物件
function
demo1()
//2.通過標籤獲得元素的物件，獲得的是乙個集合
function
demo2()
//3.通過屬性name: 名字叫 hobby獲得
function
demo3()
/****************=間接獲取節點物件的方式*********************/
function
demo4()
function
demo5()
function
demo6()
script
>
head
>
onload
="demo6()"
>
action="
" id
=from1
>
使用者名稱：type
="text"
name
="username"
id="username"
value
="請輸入姓名"
/>
/>
密碼：type
="password"
name
="pwd"
id="pwd"
/>
/>
愛好：type
="checkbox"
name
="hobby"
value
="music"
/>
** type
="checkbox"
name
="hobby"
value
="sports"
/>
體育 type
="checkbox"
name
="hobby"
value
="art"
/>
美術>
職業：name
="professional"
id="professional"
>
value
="1"
>
工人option
>
value
="2"
id="p2"
>
農民option
>
value
="3"
>
解放軍option
>
value
="4"
>
知識分子option
>
select
>
>
type
="button"
value
="提交"
/>
form
>
body
>
html
>
Dom 獲取節點方法
元素節點 html標籤 img body input div 文字節點 文字部分 屬性節點 標籤內的屬性 注釋節點 1.document 頁面中最大的節點，有且只有乙個。不屬於元素節點，是頁面中所有節點的容器。根節點。2.html 頁面中最大的元素節點。根元素節點。3.元素節點 html標籤 4.文...
獲取DOM節點
getelementbyid 通過id獲取標籤元素 getelementsbyname 通過標籤名獲取標籤元素 getelementsbytagname index 通過標籤名獲取標籤元素集合 getattribute 獲取屬性值 getelementsbyclassname 通過class獲取一組...
獲取節點物件的方法
var odiv document.queryselector div 1,獲取當前標籤中所有的子級節點 執行結果,是乙個偽陣列,可以foreach 形式是與 queryselectorall 獲取的偽陣列是一樣的 console.log odiv.childnodes 2,獲取當前標籤中,所有的元...