JavaScript使用id獲取指定元素

antzone發表於2017-04-07
JavaScript

當然使用id屬性獲取元素物件實在是太簡單了，因為直接有這樣的方法。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
document.getElementById("id");

上面的方法相比只要有點經驗的人就會知道，否則可以斷定此人javascript知識儲備接近於0。

但是還有一個方式依然能夠實現獲取元素物件，那就是直接用id，程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style>
#antzone{
  width:200px;
  height:100px;
  background:green;
  text-align:center;
  line-height:100px;
}
</style>
<script>
window.onload=function(){
  antzone.innerHTML="softwhy.com";
} 
</script> 
</head> 
<body> 
<div id="antzone"></div>
</body> 
</html>

從上面的程式碼可以看出，直接使用ID就可以作為一個元素物件，下面就對此做一下簡單介紹。

id屬性值按照規定是唯一的，如果它不與內建屬性和全域性變數名重合的話，那麼此id屬性值就會自動成為window物件的屬性，可以直接引用頁面中的元素物件。

相關文章