js怎麼獲取元素,js怎麼獲取一個元素

時間 2021-09-12 11:30:56

1樓:妖豔美好

js認為html檔案會被瀏覽器解析為文件流,寫在html裡面的所有標籤元素都可以從文件流中讀取到。基於這個理論,js定義了一個document物件,專門用來處理文件流。

要想獲取一個元素,有兩種方式:一種是根據元素的類名(class屬性值),另一種是根據元素的id。假設有一個input元素,js獲取該元素的方式如下:

var element=document.getelementbyclass("isinput")[0];或者

var element=document.getelementbyid("input_first");

需要注意的是,根據類名獲取到的是一個陣列,必須要通過下標才能獲取到具體的某個元素。而根據id獲取到的則是具體的元素,所以常用的方式是用id來獲取。

2樓:西安天融信教育

js獲取元素方法有:

1、getelementbyid :根據指定的 id 屬性值得到物件。返回 id 屬性值等於 sid 的第一個物件的引用。假如對應的為一組物件,則返回該組物件中的第一個。

2、getelementsbyname:getelementsbyname(name)該方法與 getelementbyid() 方法相似,但是它查詢元素的 name 屬性,而不是 id 屬性。

另外,因為一個文件中的 name 屬性可能不唯一(如 html 表單中的單選按鈕通常具有相同的 name 屬性),所以getelementsbyname() 方法返回的是所有匹配元素組成的陣列,而不是一個元素。

3、getelementsbytagname:getelementsbytagname() 方法會使用指定的標籤名返回所有的元素(作為一個節點列表),這些元素是您在使用此方法時所處的元素的後代。

getelementsbytagname() 可被用於任何的 html 元素

如果把特殊字串 "*" 傳遞給 getelementsbytagname() 方法,它將返回文件中所有元素的列表,元素排列的順序就是它們在文件中的順序。

傳遞給 getelementsbytagname() 方法的字串可以不區分大小寫

js如何獲取某個div下的元素

3樓:匿名使用者

var smalls = document.getelementbyid('small').getelementsbytagname('li');

這樣可以獲取所有下的 li 。

4樓:千羽千尋

要想獲得某個div下的元素,那麼這個div必須是確定的。所以在寫**的時候,你必須知道這個div自己唯一擁有的屬性,如id。

div下的元素都是其子元素

在用getelementbyid()等方法得到確定的div後你就可以用childnode得到其所有的子元素了

js中如何獲取陣列中的一部分元素

5樓:春風化雨

js獲取陣列中的一部分元素,有2種方法:slice和filter函式,下面分別介紹。

slice的定義和用法如下,用於擷取陣列的一段

執行var arr = [1,2,3,4,5];

arr.slice(1,4);

這2行**,可以看到擷取了1到4下標的**filter則用於過濾陣列中的一部分元素,剩下的元素就是需要的那部分元素。

現在嘗試下面**,可以將一個數字陣列中的偶數過濾掉,只留下奇數。

var arr = [1,2,3,4,5];

arr.filter(e=>e%2==0)

6樓:匿名使用者

可以用array中自帶的方法:

arrayobj.shift( )

shift 方法可移除陣列中的第一個元素並返回該元素。

例如:var ary=[1,2,3,4];

var a=ary.shift();//a=1;ary=[2,3,4];

arrayobj.slice(start, [end])

slice 方法返回一個 array 物件,其中包含了 arrayobj 的指定部分。

引數:start,擷取陣列開始下標。end截止的下標,但不包括end元素

例如:var ary=[1,2,3,4];

var newary=ary.slice(0, 2);//newary=[1,2],不包括下標2 所對應的元素3。

7樓:匿名使用者

覺得太難太難了,對我來說太難了,抱歉幫不到你了。

8樓:匿名使用者

我記得array物件有slice方法,建議你看看reference吧

js怎麼獲取元素的class名?

9樓:幻翼高達

3、瀏覽器執行index.html頁面,此時按鈕的class名被js取到並列印了出來。

js中如何獲取一個id的值?

10樓:意行善易

只要使用getattribute("id")函式即可獲取li元素的id值,下面我們一起例項操作一下吧

首先我們在html當中建立li標籤

使用js獲取li元素物件,getelementsbytagname("li")

3.接著我們列印出這樣的執行效果看一下:

4.使用js獲取li元素的id 值即可,getattribute("id")

5.下面我們一起來看下執行效果

11樓:花臂華盛頓

//1.通過id屬性定位

var p1 = document.getelementbyid('li1');

/*定位的內容 -> 列印的是html的源*** 得到的真正的內容是 -> html對應元素的dom物件*/console.log(p1);

console.log(typeof p1);

12樓:匿名使用者

要想獲得這個li元素的id值,可以用.id,當然前提是你已經獲取到這個li元素了,如下:

var li = ...//你獲取到的li元素var id = li.id;

alert(id)

如果你沒有獲取到li元素,而要獲取li裡面的id,那是不可能實現的。

13樓:匿名使用者

$("li").attr("id");

14樓:匿名使用者

很簡單,操作如下:

var li = document.getelementbyid("li1").value;

alert(li);

希望我的回答對你有幫助

15樓:匿名使用者

|參考如下:

document.onmousedown = function(e) else

}如果用jquery實現的話,參考如下:

$("div .iddrag").mousedown(function());

16樓:夢3有個方向

兩塊錢解決你的問題。

如果你是一個新手我沒話說,可以通過獲取 id 值為 li1 的物件,通過物件獲取到你想要的值。

17樓:匿名使用者

網頁文字內容的(比如 div ):document.getelementbyid("li1").innerhtml

網頁上控制元件的(比如按鈕,文字編輯框):document.getelementbyid("li1").value

18樓:寒煙羽雪回眸

var a = document.geteelementbyid('li1').innertext;

var b = document.geteelementbyid('li1').innerhtml;

這兩個都行

19樓:匿名使用者

document.getelementbyid("li1").value

20樓:蘇鑫知道

var idvalue=document.getelementbyid('li1');

21樓:淡淡的緘默

var a=document.getelementsbytagname("li");

console.log(a[0].id);

此時的a[0].id 就是 li1

js怎麼獲取陣列裡的第一個元素

22樓:網海1書生

假定陣列名為a,則a[0]就是第一個元素

23樓:星只哈坤無

可以用array中自帶的方法: arrayobj.shift( ) shift 方法可移除陣列中的第一個元素並返回該元素。

例如: var ary=[1,2,3,4]; var a=ary.shift();//a=1;ary=[2,3,4]; arrayobj.

slice(start, [end]) slice 方法返回一個 array 物件,其中包含了

js怎麼獲取文字框內容,JS獲取文字框的值

柔瑗植飛舟 1.getdlgitem獲取文字編輯框的指標來獲取內容 2.使用 getdlgitemtext 函式獲取文字框的內容。3.使用 getdlgitemint來直接獲取數值內容。4.第四種方法在類的定義 變數來關聯 控制元件5.第五種使用sendmessage獲取編輯框內容。1.getdlg...

js動態獲取id的問題,js獲取div的id值的問題

千鋒教育 html規則要求id名稱不能相同,會衝突的。如果你要選擇多個物件要用tag或者class。不要使用id屬性。常用的dom方法有 getelementsbyclassnamegetelementsbytagname getelementsbyclassname有時候會失靈,所以,getele...

關於js讀取cookie,如何js獲取cookie並在html上顯示使用者名稱

在.net裡面,寫到客戶端的時候先把cookies的值 urlencode一下 在js裡面讀出來的時候,先用 unescape 反解碼一下 server是個伺服器物件。如果你不在page裡面使用的話,可以用 來代替 至於那個英文的,因為英文字身就不存在編碼問題。關於編碼和解碼的問題,不妨多嘗試嘗試。...