JS獲取元素,節點的方法

2022-09-02 03:54:09 字數 941 閱讀 8640

一、設定或獲取元素物件中(標籤中)的屬性和自定義屬性

物件.屬性

物件['屬性']

物件.getattribute('屬性名')

物件.setattribute('屬性名','屬性值');

物件.removeattribute('屬性名')

二、outerhtml : 當前節點物件及所有子節點(標籤及所有內容)

innerhtml : 當前節點中所有的內容(包含標籤,會自動解析標籤)

innertext : 當前節點中所有的純文字內容(不包含標籤,不會自動解析標籤)

三、如何獲取所有的子節點?

1. childnodes : 元素節點與文字節點(需要去除空白文字節點)

function removespace(node)

} return node;

} 2. children : 元素子節點

四、高階選取

parentnode

firstchild

firstelementchild

lastchild

lastelementchild

previoussibling

previouselementsibling

nextsibling

nextelementsibling

五、offsetwidth = width + border + padding

offsetheight = height + border + padding

六、獲取非行內樣式

function getstyle(obj,attr)

七、父節點.insertbefore(newnode,oldnode)

八、offsetleft : 指定物件相對于父物件的left值

offsettop : 指定物件相對于父物件的top值

獲取id元素 DOM元素節點獲取方法

1dom dom全稱是document object model,也叫文件物件模型,這裡document是指從開始到結束的這一部分,window視窗下載入網頁的部分就是dom。dom節點型別分為元素節點,屬性節點和文字節點。如 div文字 元素節點就是 2dom元素節點獲取方法2.1document...

JS獲取元素的方法

根據id獲取元素 document.getelementbyid id 根據標籤名獲取元素 document.getelementsbytagname 標籤名 element.getelementsbytagname 標籤名 h5新增獲取元素方式 document.getelementsbyclas...

js獲取元素的方法

一共6種方式 html var box document.getelementbyid box var box1 document.getelementsbytagname div 0 var box2 document.getelementsbyclassname bn 0 var box3 do...