javascript DOM-优快云博客

本文展示了HTML模板的基本结构，包括字符编码、标题、关键词、描述、样式和脚本，并通过实例演示了如何使用JavaScript动态修改HTML元素的属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例

<!doctype html>

<html>
	<head>
		<!--声明当前页面的编码集：charset=gbk,gb2312(中文编码)，utf-8国际编码-->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!--当前页面的三要素-->
		<title>html模板</title>
		<meta name="Keywords" content="关键词,关键词">
		<meta name="description" content="">
		<!-- <script type="text/javascript" src="f:/java/js/jquery.js"> </script> -->
		<!--css,js-->
		<style type="text/css">
			#p_lable{width:500px;height:40px;display:block;border:1px solid red;}
		</style>

	</head>
<body>

<div id="d_box">
	<p id="p_lable">pppppppppppppppppppppppppppppppppppp</p>
	<p id="p_1"></p>
</div>
<input type="button" value = "width111" onclick="width1();" />
<script type="text/javascript"> 
/*
	var _p = document.getElementById("p_lable") ;
	var _p_1 = document.getElementById("p_1") ;
	var _d_box = document.getElementById("d_box");
	var p = _d_box.getElementsByTagName("p");
	_p.innerHTML=Date();

	//html输出流
	document.write("5555555555555555555555555555555");
	
	//改变html内容
	_p.innerHTML = "0000000000000000000000000000000000000000";
*/
	//改变html属性
	//_p.innerHTML ,注意关键字不能作为函数名。千万记住了
	function width1(){
		var _p = document.getElementById("p_lable") ;
		_p.style.width = "1000px";
		_p.style.color="green";
	}

</script>
</body>
</html>