js的DOM对象1

document对象

分别介绍了ducument对象的四种重要的方法

1.write()方法

document.write("")//可以向页面输出变量,也可以向页面输出html代码

2.getElementById()

通过标签的id获取标签

3.getElementsByName()

通过name属性来获取标签,记住该方法返回的是一个数组或者集合

4.getElementsByTagName

通过标签名字来获取标签,此方法返回的是一个数组或者集合
 

<html>
   <head>
    <title>html示例</title>
   </head>
   <body>
   		<input type="text" name="name1" value="aaaaaaaa"></input><br/>
		<input type="text" name="name1" value="bbbbbbbb"></input><br/>
		<input type="text" name="name1" value="cccccccc"></input><br/>
		<input type="text" name="name1" value="dddddddd"></input><br/>

		<script type="text/javascript">
			//通过标签的名字获取标签数组
			var inputs=document.getElementsByName("name1");
			alert(inputs.length);

			//遍历inputs数组
			for(var i=0;i<inputs.length;i++){
					var r=inputs[i];
					alert(r.value);
				}
		</script>
   </body>
</html>

猜你喜欢

转载自blog.csdn.net/ll123c/article/details/88924458