您的位置：首页 > 其它

Document.all[]的用法

2011-12-05 15:21 309 查看

Document.all[]是文档中所有标签组成的一个数组变量包括了文档对象中所有元素

自己写的一个简单例子供参考：

Document.All.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document.All.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>

<body>
<p id="test1">test1</p>
<p id="test2">test2</p>
<p id="test3">test3</p>
<p id="test4">test4</p>
<form action="">
<input name="mytext" value="input"><br>
</form>
</body>
<script type="text/javascript">
var origLength = document.all.length; //取得document.all 所有标签的数量
alert(origLength);
for (i = 0; i < origLength; i++) {
　　	document.write("document.all["+i+"]="+document.all[i].tagName+"<br>");
　　}
document.all[8].style.backgroundColor='red';               //通过 index顺序
document.all["test2"].style.backgroundColor='yellow';      //通过ID 属性
document.all["mytext"].style.backgroundColor='blue';       //通过name属性
document.all.tags("p")[2].style.backgroundColor='gray';    //通过标签  返回一个数组
document.all["input"].value='test';
</script>
</html>

浏览器输出结果如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航