在這裡我還介紹乙個訪問html元素的方法：
通過選擇器查詢： document.queryselectorall(「css選擇器」)
返回文件中匹配指定 css 選擇器的所有元素，返回 nodelist 物件。是乙個靜態的 nodelist 型別的物件。
通過與css選擇器的結合使用，有很多作用
訪問html的屬性：
getattribute() 方法返回指定屬性名的屬性值。
element.getattribute(attributename)element.setattribute("屬性名", "屬性值");element.removeattribute("屬性名");element.hasattribute("屬性名");還可以使用htmldom訪問
element.屬性名dom樹的新增
如果要新增乙個新元素，就需要建立乙個元素
建立新元素 createelement
//例子： 建立a標籤
var a = document.createelement("a");insertbefore() 方法在您指定的已有子節點之前插入新的子節點。
parentelement.insertbefore(newelem, elem);
也需要父元素來使用
parentelement.replacechild(newelem, elem);
也需要父元素來使用
removechild() 方法刪除指定元素的某個指定的子節點。
parentelement.removechild(elem);
通過父元素刪除
以 node 物件返回被刪除的節點，如果節點不存在則返回 null。
element.remove();createdocumentfragment()方法 建立乙個臨時儲存多個子元素的虛擬父元素
var f= document.createdocumentfragment();HTML結構與DOM樹
html結構與dom樹 html基本結構 hello world html 用來網頁的一種語言，指超文字標記語言 必須在文件的第一行，用來指示web瀏覽器當前使用的html版本，沒有結束標籤，對大小寫不敏感 定義文件對頭部，是所有頭部元素的容器，可以引用指令碼 指示瀏覽器在 找到樣式表 提供元資訊等...
DOM 建立和刪除HTML元素
例如，如果想要在div中新建乙個段落p那麼需要分成以下幾步完成 1，建立新的元素。createelement 節點名 var para document.createelement p 2，建立p元素中的文字，文字為乙個文字節點。createtextnode 文字 var text node doc...
DOM對HTML元素訪問操作2
form 返回列表框 下拉列表所在的表單物件 length 返回列表框 下拉列表的選項個數 options 返回列表框 下拉列表裡所有選項組成的陣列 selectedindex 返回下拉列表中選中選項的索引 type 返回下拉列表的型別，多選的話返回select multiple，單選返回selec...