溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
javascript中怎么根據id屬性獲取頁面元素？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
在javascript中，可以使用getElementById方法獲取獲取頁面元素，語法格式為“document.getElementById("id名稱")”。getElementById方法可返回對擁有指定ID的第一個對象的引用。
網頁由標簽將信息組織起來，而標簽的id屬性值是唯一的,如何通過javascript找到要獲取的元素
document.getElementById("id") //語法通過以下代碼發現運行結果為null或[object HTMLParagraphElement]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通過ID獲取元素</title>
<script type="text/javascript">
var myceshi=document.getElementById('ceshi');//獲取元素存儲在變量中
// document.write('結果:'+myceshi);//輸出變量
alert(myceshi);
document.write('結果:'+myceshi);//輸出變量
</script>
</head>
<body>
<div id="ceshi">I love javascript</div>
<!-- <script type="text/javascript">
var myceshi=document.getElementById('ceshi');//獲取元素存儲在變量中
// document.write('結果:'+myceshi);//輸出變量
alert(myceshi);
document.write('結果:'+myceshi);//輸出變量
</script> -->
</body>
</html>獲取的元素是一個對象，如想對元素進行操作，我們要通過它的屬性或方法。（object HTMLParagraphElement 對象 HTML段落元素，獲取到的是元素，這個元素也就是對象，獲取到的對象不會顯示里面的值，所以顯示object HTMLParagraphElement，想要抽取出里面的值，就用 innerHTML 獲取）
getElementById() 方法可返回對擁有指定 ID 的第一個對象的引用。
定義了多種查找元素的方法，除了 getElementById() 之外，還有 getElementsByName() 和 getElementsByTagName()。
不過，如果您需要查找文檔中的一個特定的元素，最有效的方法是 getElementById()。
在操作文檔的一個特定的元素時，最好給該元素一個 id 屬性，為它指定一個（在文檔中）唯一的名稱，然后就可以用該 ID 查找想要的元素。
看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
