JavaScript--修改DOM节点CSS样式

最新推荐文章于 2025-05-22 17:44:57 发布

翻译最新推荐文章于 2025-05-22 17:44:57 发布 · 2.6k 阅读

本文介绍了一个简单的HTML页面示例，该示例展示了如何使用JavaScript来修改网页中指定元素的CSS样式。通过点击按钮触发JavaScript函数，可以改变带有特定ID的段落文本的颜色。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题JavaScript修改DOM节点的CSS样式</title>
<center>
<script type="text/javascript">
	function ModifyCSS(){
		document.getElementById("gril").style.color="blue";
	}
</script>
</head>
<body>
<p id="gril"> female`s  programer</p>
<input type="button" value="modifyDOMstyle!" onclick="ModifyCSS()"/>
</body></center>
</html>