JavaScript - document对象属性和方法
2015-04-25 15:35
453 查看
document对象的属性和方法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test10.html</title> <script type="text/javascript"> //document对象的属性 /*alert(document.referrer); alert(document.URL);*/ //document对象的方法 function change(){ var objSpan=$("heihei"); objSpan.innerHTML="夏班"; } function getAllHobbies(){ var hobbies=document.getElementsByName("hobby"); for(var i=0;i<hobbies.length;i++){ $("msg").innerHTML+=hobbies[i].value+" " } } function getAllInputs(){ var inputs=document.getElementsByTagName("input"); for(var i=0;i<inputs.length;i++){ document.getElementById("msg").innerHTML+=inputs[i].value+" " } } //工厂函数,用来简单获取指定ID的元素 function $(id){ return document.getElementById(id); } </script> </head> <body> <a href="javascript:location.href='test01.html'">test01</a><br/> <input type="button" value="刷新" onclick="location.reload();"/><br/> <input type="button" value="前进" onclick="history.go(1)"/><br/> <input type="button" value="后退" onclick="history.back();"/><br/> <span id="heihei">wbs14061</span><input type="button" value="变" onclick="change()" /> <br/> <h4>请选择爱好:</h4> <input type="checkbox" name="hobby" value="game" />打游戏 <input type="checkbox" name="hobby" value="movie" />看电影 <input type="checkbox" name="hobby" value="sport" />运动 <input type="checkbox" name="hobby" value="eat" />吃饭 <input type="button" value="获取所有爱好" onclick="getAllHobbies()" /><br/><br/> <input type="button" value="获取所有input元素" onclick="getAllInputs()" /> <hr/> <div id="msg"></div> </body> </html>
相关文章推荐
- javascript中document对象的属性和方法
- JavaScript:document对象方法属性大全(摘)
- JavaScript - document对象属性和方法
- Javascript中window对象、document对象的属性和方法(转)
- javascript document对象的属性和方法
- javascript:document对象的常用属性和方法
- Javascript document对象常用的方法和属性
- JavaScript中String对象常见方法及属性
- Javascript数组对象的方法和属性
- Javascript 创建对象的四种方法,类的三种属性,三种方法
- javascript使用方括号([])引用对象的属性和方法
- Javascript中的window对象基本属性和方法以及对alert,confirm,prompt的使用
- Javascript对象属性方法集锦
- javascript使用方括号([])引用对象的属性和方法
- JavaScript中的数组对象属性和方法!
- javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方法 原创
- JavaScript对象的创建之外部属性定义方式(基于已有对象扩充其属性和方法)
- javascript RegExp 对象属性与方法和应用
- JavaScript 内置对象(二):Date 对象(构造函数、属性和方法)
- JavaScript window对象属性和方法