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

來源：懂視網責編：小采時間：2020-11-27 19:32:05

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

js中獲取元素指令的常用方法介紹（附代碼）:本篇文章給大家帶來的內容是關于js中獲取元素指令的常用方法介紹（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。通過元素的ID獲取：getElementById(); （為單個元素）（以下的指令獲取的往往是數組，如果要獲取其中某個元素，

推薦度：

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

導讀js中獲取元素指令的常用方法介紹（附代碼）:本篇文章給大家帶來的內容是關于js中獲取元素指令的常用方法介紹（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。通過元素的ID獲取：getElementById(); （為單個元素）（以下的指令獲取的往往是數組，如果要獲取其中某個元素，

本篇文章給大家帶來的內容是關于js中獲取元素指令的常用方法介紹（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

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

（以下的指令獲取的往往是數組，如果要獲取其中某個元素，應在后面加對應的下標）

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

通過元素的標簽名獲取：getElementsByTagName();

通過元素的名字獲取：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>

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