<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>dom对象</title>
</head>
<body>
<div id="first">
今天天气不错
</div>
<div id ="second">
挺风和日丽的
</div>
<div class="xiaoli">
喂？小丽啊！
</div>
<table border="1" cellspacing="0" cellpadding="0">
</table>
<input type="button" name="flag" value="123" />
</body>
</html>
<script type="text/javascript">
//创造变量a来接收document中id为first的div元素
var a = document.getElementById("first");
//把a的内部html改为“今天天气很差”
a.innerHTML = "今天天气很差"
//创造变量b来接收document中所有的div元素
var b = document.getElementsByTagName("div")
//div的第二个内部html改为"今天是阴天"
b[1].innerHTML = "今天是阴天！";
//创造变量c接收所有class名字叫xiaoli的元素
var c = document.getElementsByClassName("xiaoli")
//把元素集合0位的元素的内置文档改为“喂，小芳啊”
c[0].innerHTML = "喂？小芳啊！"
//创造元素d接收文档中所有的table类型
var d = document.getElementsByTagName("table")
//创造一个空的变量名为str
var str="";
//外循环打印行5行
for(i=0;i<5;i++){
str = str +"<tr>"
//内循环打印3列的星期三
for(k=0;k<3;k++){
str = str +"<td>"+"星期三"+"</td>"
}
str = str +"</tr>"
}
//在d元素集合的0位的内部html改变为str
d[0].innerHTML = str;
//创造e变量接收document的名字叫flag的元素集合
var e = document.getElementsByName("flag");
//创造f变量获取元素集合的0位的value值
var f = e[0].value
//弹出value值
alert(f)
</script>
