js dom编程

最新推荐文章于 2024-05-16 09:11:52 发布

hoho_12

最新推荐文章于 2024-05-16 09:11:52 发布

阅读量359

点赞数

分类专栏： JavaScript Java Training 文章标签： js

本文链接：https://blog.csdn.net/hoho_12/article/details/52141994

版权

Java Training 同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

JavaScript

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<!--    	
    	描述：文档对象模型(document object model)
    	
    	document:代表整个页面的dom树
    	
    	属性：
    		forms : 页面中所有的form表单（数组）
    		all:所有的元素
    		images:所有的img
    		
    	方法：
    	显示时间：span,不断地修改span中的内容。
    		找元素：
    		getElementById(id) : 根据id找元素
    		getElementsByName(name) : 根据name属性找元素
    		getElementsByTagName(tagName) : 根据标签名找元素
    -->

	<body>
		<form id="form1"></form>
		<form id="form2"></form>
		<form id="form3"></form>

		<a id="a1" href="http://www.baidu.com"></a>
		<a id="a2" href="http://www.sina.com"></a>
		<a id="a3" href="http://www.baidu.com"></a>

		<script type="text/javascript">
			var node1 = document.getElementById("a1");
			//alert(node1.href);
		</script>

		<script type="text/javascript">
			//document.forms 文档中所有的form表单：数组
			var formarr = document.forms;
			document.write(formarr.length);
			document.write("<br/>");

			for(var i = 0; i < formarr.length; i++) {
				document.write(formarr[i].id);
				document.write("<br/>");
			}

			document.write("整个页面有：" + document.all.length + "个元素");
		</script>
		
	</body>

</html>