<!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>