常用JS dom操作

1、元素

1、建立元素

let para = document.createelement("p"); // 建立新元素let node = document.createtextnode("這是乙個新的文字節點"); // 建立乙個新的文字節點
2、新增元素
parent.insertbefore(child1, child0); // 在parent節點的子節點child1節點之前新增child0節點
3、刪除元素
parent.removechild(child); // 刪除parent節點的子節點中的child節點
4、替換元素
parent.replacechild(child1,child0); // 用child0節點替換掉parent子節點中的child1節點

var node = document.getelementbyid("nodeid");

var parent = node.parentnode; // 父節點
var children = node.childnodes; // 全部子節點
var firstchild = node.firstchild; // 第乙個子節點
var lastchild = node.lastchild; // 最後乙個子節點　
var previousbrother = node.previoussibling; // 上乙個兄弟節點
var nextbrother = node.nextsbiling; // 下乙個兄弟節點

新增屬性：

obj.setattribute('attr_name','attr_value');
獲取屬性值：
obj.getattribute('attr_name');
刪除屬性：
obj.removeattribute('attr_name');

JS DOM常用屬性

dom document object model 文件物件模型 提供了一套管理操作html文件的規則 document 就是dom的乙個具象化的物件 整個文件物件就是 document document物件，不需要手動建立，直接使用即可。1.doctype 描述 獲取文件型別 它是document...

js DOM模型操作

dom模型中的節點 元素節點 文字節點 屬性節點 例 私 dotnet小屋 1 a是元素節點 2 私 dotnet小屋 是文字節點 3 href 是屬性節點 dom節點的屬性 nodename string 節點名稱，根據節點的型別而定義 nodevalue string 節點的值，根據節點的型別而...

原生js dom操作

這裡說說一些原生js操作dom的方法 1，元素的獲取 getelementbyid getelementsbytagname getelementsbyclassname 這裡要注意這個getelementsbyclassname 在ie8以下是不相容的。相容寫法 function getbycla...