<style> .qq { border:2px solid red;} .ww { border:5px double blue;} </style> </head> <body><div style="width:500px; height:300px; border:1px solid red; line-height:300px;">1241231231</div><br /> <input type="button" value="请点击我" class="qq" onclick="this.className=‘ww‘" /> <div id="me"> <b>试试吧</b> </div> <input type="button" value="请点击" onclick="change()" /><br /> <br /> 请输入一个正整数：<input type="text" value="" id="text" /><br /> <input type="button" value="点击计算累加求和" onclick="leijia()" /><br /> <br /> <br /> <input type="button" value="同意（10）" id="aa" disabled="disabled" /><br /> <br /> <br /> 请输入三个数，用-隔开：<input type="text" id="ee" /><br /> <input type="button" value="请点击我" onclick="huoqu()" /> </body> </html> <script> var shuzu=new Array(); function huoqu() { var a = document.getElementById("ee").value; shuzu=a.split("-"); alert(shuzu[2]); } var date = new Date();//初始化成为现在的时间 date.setFullYear(2008,7,8); alert(date) var n = 10; var aa = document.getElementById("aa"); function bian() { n--; if(n==0) { aa.removeAttribute("disabled"); aa.value="同意" } else { aa.value="同意（"+n+"）"; window.setTimeout("bian()",1000); } } window.setTimeout("bian()",1000); function leijia() { var a = parseInt(document.getElementById("text").value); var sum = 0; for(var i =1;i<=a;i++) { sum+=i; } alert("刚刚的结果是："+sum); } function change() { var a = document.getElementById("me"); a.innerHTML="<br /><br /><font color=‘red‘>Hello!</font>"; } </script>
docunment.getElementById("id")；根据id找，最多找一个；
var a =docunment.getElementById("id");将找到的元素放在变量中；
docunment.getElementByName("name")；根据name找，找出来的是数组；
docunment.getElementByTagName("name")；根据标签名找，找出来的是数组；
docunment.getElementByClassName("name") 根据classname找，找出来的是数组；
原文：http://www.cnblogs.com/mantou1314/p/5326693.html