您的位置：首页 > 其它

DOM小练习

2016-07-12 08:35 204 查看

<!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');"/>

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： DOM

相关文章推荐

新的分享

章节导航