zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    AdvDataList分页 例码
    问一个关于生成静态页面的问题
    使用XMLDataSource简单实现多级下拉菜单
    简单的封装一个HTML 弹出对话框的空间
    JS 语言强大, 动态修改标准库
    Eclipse IDE 学习
    分布式程序的开发
    Http request Post pk Put
    Forward: X Forwarding with Putty on Windows
    转载: 颠覆了对于design 的认识
  • 原文地址:https://www.cnblogs.com/zhangrui0328/p/8818970.html
Copyright © 2011-2022 走看看