好学IT学院:IT信息技术分享交流平台
来源:互联网  作者:本站整理  发布时间:2008-08-15  ★★★加入收藏〗〖手机版
摘要:开头就说过document.all[]不符合WEB标准,那用什么来替代它呢?document.getElementById…

 3、getElementsByTagName()

这个呢就是通过TAGNAME(标签名称)来获得元素,一个DOCUMENT中当然会有相同的标签,所以这个方法也是取得一个数组。

下面这个例子有两个DIV,可以用getElementsByTagName("div")来访问它们,用getElementsByTagName("div")[0]访问第一个DIV,用getElementsByTagName("div")[1]访问第二个DIV。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Byname,tag</title>
<style type="text/css">
<!--
#docid1,#docid2{
margin:10px;
height:400px;
width:400px;
background-color:#999;}
-->
</style>
</head>
<body>
<div name="docname" id="docid1" onClick="bgcolor()"></div>
<div name="docname" id="docid2" onClick="bgcolor()"></div>
</body>
</html>
<script language="javascript" type="text/javascript">
<!--
function bgcolor(){
var docnObj=document.getElementsByTagName("div");
docnObj[0].style.backgroundColor = "black";
docnObj[1].style.backgroundColor = "black";
}
-->
</script>

“十一”看十年:网络带你走进未来世界
  又是一年的十一国庆节,又是一年的十一黄金周。今年正好适逢“整十”年份,从2010年向后看,未来十年的网络发展将会如何?下面就请跟随…
  • 好学触屏公众号虎力全开、杨帆起航!
  • 好学考试H5触屏版开放内测