本文介绍了一个简单的HTML页面示例，该页面包含一个按钮和一个文本元素。通过JavaScript，当点击按钮时，文本元素的内容将被动态地更改为“Hello World!”。此示例展示了如何利用JavaScript操作DOM的基本方法。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<span id= "textTest" >test</span>
<input type="button" onclick="javaScript:change();" value="change"/>
<script type="text/javascript">
<!--
function change(){
document.getElementById("textTest").innerHTML="hello world!";
}
//-->
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<span id= "textTest" >test</span>
<input type="button" onclick="javaScript:change();" value="change"/>
<script type="text/javascript">
<!--
function change(){
document.getElementById("textTest").innerHTML="hello world!";
}
//-->
</script>
</body>
</html>
扫一扫
1164
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
