JavaScript-11（DOM对象） 

<!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>

　　

posted @ 2018-04-13 10:59  张锐0328  阅读(90)  评论(0)    收藏  举报