JavaScript使用id获取指定元素

快乐打工仔 分类:实例代码

当然使用id属性获取元素对象实在是太简单了,因为直接有这样的方法。

代码如下:

document.getElementById("id");

上面的方法相比只要有点经验的人就会知道,否则可以断定此人javascript知识储备接近于0。

但是还有一个方式依然能够实现获取元素对象,那就是直接用id,代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<style>
#antzone{
  width:200px;
  height:100px;
  background:green;
  text-align:center;
  line-height:100px;
}
</style>
<script>
window.onload=function(){
  antzone.innerHTML="pipipi.net";
} 
</script> 
</head> 
<body> 
<div id="antzone"></div>
</body> 
</html>

从上面的代码可以看出,直接使用ID就可以作为一个元素对象,下面就对此做一下简单介绍。

id属性值按照规定是唯一的,如果它不与内置属性和全局变量名重合的话,那么此id属性值就会自动成为window对象的属性,可以直接引用页面中的元素对象。

JavaScript使用id获取指定元素

回复

我来回复
  • 暂无回复内容