JavaScript入门学习之处理文档（document对象）

最新推荐文章于 2022-10-21 19:21:23 发布

Satisfy_555

最新推荐文章于 2022-10-21 19:21:23 发布

阅读量264

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Satisfy_555/article/details/80892802

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文档对象代表浏览器窗口中的文档，该对象是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="动态添加文本框" οnclick="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" οnclick="c1(); " />
</body>
</html>

Satisfy_555

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript入门学习之处理文档（document对象）

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

扫一扫