JS之DOM獲得元素的方式

2021-10-01 20:24:31 字數 852 閱讀 6488

獲得id名稱是div1的物件

var div= document.

getelementbyid

("div1");

獲得所有的input標籤物件 htmlcollection

var inp = document.

getelementsbytagname

("input")[

0];nodelist 獲得name屬性等於inp的所有的節點物件

var inp= document.

getelementsbyname

("inp");

通過class 的名稱可以獲得物件

document.

getelementsbyclassname

("inp1"

);

獲得div下的所有的子節點 空白的文字也是乙個節點

var child= div.childnodes;

獲得當前節點的父級節點--

-直系父節點

var parent= inp.parentnode;

獲得當前節點的上乙個節點

var pre= inp.previoussibling.previoussibling;

獲得上乙個節點物件不包含空白文字

var pre1=span.previouselementsibling;

獲得當前節點的下乙個節點

var next=inp.nextsibling.nextsibling;

獲得下乙個元素節點 不包括空白文字

var next2=span.nextelementsibling;

JS之DOM操作元素

獲得id名稱是inp1物件節點 var inp1 document.getelementbyid inp1 方式一 獲得元素的屬性 var ty inp1.type var va inp1.value var na inp1.name 操作元素的屬性 inp1.type button inp1.va...

dom元素的操作方式

好久不見呀,csdn。最近一直才忙,今天先從乙個基礎知識點,dom元素的操作來說起吧。關於dom元素的操作,之前也有接觸過一點點,但需要注意的是,dom元素過多的建立會影響瀏覽器的效能。所以呢,求人不如求己,與其抱怨瀏覽器的效能和其他,不如先從優化自己的 開始。再嘮叨一下,何為dom dom doc...

DOM元素繫結js的三種方式

在dom元素裡面繫結 使用on 事件型別 function button value 點我吧 onclick alert 已執行 在js 中獲取元素,使用點語法註冊 box 我是div盒子 div var box document.getelementbyid box box.onclick fun...