js中獲取元素指令的常用方法介紹（附代碼）

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 19:32:05

js中獲取元素指令的常用方法介紹（附代碼）

js中獲取元素指令的常用方法介紹（附代碼）:本篇文章給大家?guī)淼膬?nèi)容是關(guān)于js中獲取元素指令的常用方法介紹（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。通過元素的ID獲?。篻etElementById(); （為單個元素）（以下的指令獲取的往往是數(shù)組，如果要獲取其中某個元素，

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀js中獲取元素指令的常用方法介紹（附代碼）:本篇文章給大家?guī)淼膬?nèi)容是關(guān)于js中獲取元素指令的常用方法介紹（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。通過元素的ID獲?。篻etElementById(); （為單個元素）（以下的指令獲取的往往是數(shù)組，如果要獲取其中某個元素，

本篇文章給大家?guī)淼膬?nèi)容是關(guān)于js中獲取元素指令的常用方法介紹（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

通過元素的ID獲取：getElementById(); （為單個元素）

（以下的指令獲取的往往是數(shù)組，如果要獲取其中某個元素，應(yīng)在后面加對應(yīng)的下標(biāo)）

通過元素的類名獲取：getElementsByClassName();

通過元素的標(biāo)簽名獲?。篻etElementsByTagName();

通過元素的名字獲取：getElementsByName();

<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	</head>
	<body>
	<span id="word">
	文字
	</span>
	<span class="words">
	文字
	</span>
	<span class="words">
	文字
	</span>
	<span class="words">
	文字
	</span>
	<input type="text" name="kuang" value="123" />
	<input type="text" name="kuang" value="456" />
	<input type="text" name="kuang" value="789" />
	
	<script type="text/javascript">
	var elements=document.getElementById("word");
	for (var i in elements) console.log(elements[i]);
	elements=document.getElementsByClassName("words");
	for (var i in elements) console.log(elements[i]);
	elements=document.getElementsByTagName("span");
	for (var i in elements) console.log(elements[i]);
	elements=document.getElementsByName("kuang");
	for (var i in elements) console.log(elements[i]);
	
 element=document.getElementsByClassName("words")[0];
 console.log(element);
	</script>
	</body>
</html>

在瀏覽器的控制臺可以顯示出結(jié)果：

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

js中獲取元素指令的常用方法介紹（附代碼）

推薦度：

點擊下載本文 文檔為doc格式

標(biāo)簽：常用里的獲取

熱門焦點

js中獲取元素指令的常用方法介紹（附代碼）

js中獲取元素指令的常用方法介紹（附代碼）

js中獲取元素指令的常用方法介紹（附代碼）

最新推薦

猜你喜歡

熱門推薦