js的DOM对象1

最新推荐文章于 2022-08-17 09:25:15 发布

原创最新推荐文章于 2022-08-17 09:25:15 发布 · 206 阅读

1 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

16 篇文章

订阅专栏

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>