JavaScript中的DOM操作

2021-08-20 00:26:52 字數 495 閱讀 7672

更新dom

1.直接修改標籤的innerhtml屬性

修改該屬性不僅可以修改文字內容,還可以修改標籤內部的子節點

2.修改innertext或者textcontent屬性

只能修改節點的文字內容,不能新增子節點

3.使用style屬性獲取或者設定對應屬性

插入dom

1.如果在乙個空的dom節點中進行新增可以使用innerhtml

innerhtml會替換節點中原來所有的子節點

可以新增已有的節點,也可以dom的createelement方法建立乙個節點再進行新增

3.使用insertbefore(newnode,confrencenode)將節點插入到指定位置,需要傳入乙個參考節點

刪除dom

1.使用父節點的removechild方法

雖然從html文件中刪除了但還是存在於記憶體中

JavaScript中基礎的DOM操作

getelementid id 通過id獲取元素 id為乙個元素的id,因為id是唯一的,所以可以通過id找到元素 object getelementid id 來獲取物件 innerheml屬性 獲取或者替換html中的內容 object.innerhtml 獲取元素中的內容 object.sty...

JavaScript中對DOM操作

1 element,元素 2 attribute,屬性 3 text,文字 var node1 document.createelement div var node2 document.createtextnode hello world 返回當前文件中第乙個類名為 myclass 的元素 var...

javascript中獲取dom元素的高度和寬度

本身的寬高 width height padding clientwidth clientheight 本身的寬高 width height padding border offsetwidth offsetheight 距離左側和上部的距離,相對於視窗 offsetleft offsettop 獲...