JavaScript入门学习之处理文档(document对象)

文档对象代表浏览器窗口中的文档,该对象是Windows对象的子对象,由于windows对象是DOM对象模型中默认的对象,因此windows对象中的方法和子对象不需要使用windows来引用。通过document对象可以访问HTML文档中包含的任何HTML标记,并可以动态的改变HTML标记中的内容。。以下仅示例两个:

=============================================

1.动态添加一个HTML标记

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
	function addText(){
		var txt = document.createElement("input");
		txt.type = "text";
		txt.name = "txt";
		txt.value = "动态添加的文本框";
		document.fm1.appendChild(txt);
	}
</script>
<body>
<form name="fm1">
	<input type="button" name="btn1" value="动态添加文本框" onclick="addText();" />
</form>
</body>
</html>

2.获取文本框并修改其内容

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
	function c1(){
		var t = document.getElementById("txt");
		t.value="修改文本内容";
	}
</script>
<body>
	<input type="text" id="txt" value="初始化文本内容"/>
	<input type="submit" value="更改文本内容" name="btn" onclick="c1(); " />
</body>
</html>

猜你喜欢

转载自blog.csdn.net/satisfy_555/article/details/80892802