本文通过一个简单的HTML页面示例，展示了如何使用JavaScript来改变页面的内容。点击按钮后，输入框中的文本将被读取并替换页面上的指定文本。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div>
葫芦娃
</div>
<input type="text" name="text1" id="text1" value="" />
<input type="button" name="" id="btn" value="click" onclick = "changeText('changed');"/> <!-- ondblclick双击 -->
<script type="text/javascript">
// function 函数名（参数）{}定义一个函数
function changeText(sText){
var rootNode = document;
var htmlNode = rootNode.firstElementChild;
var bodyNode = htmlNode.children[1];
var divNode = bodyNode.firstElementChild;
divNode.innerHTML = sText;
// 方法二
// var divNode = document.body.firstElementChild;
// divNode.innerHTML = "new";
}
var oBtn = document.getElementById("btn");
oBtn.onclick = function(){
var oText1 = document.getElementById("text1").value;
// 调用一个函数
changeText(oText1);
}
</script>
</body>
</html>
扫一扫
1171
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
