DOM小练习

来源：互联网发布：python time sleep参数编辑：程序博客网时间：2024/05/22 16:54

<!DOCTYPE html>

<html>

<head>

<metacharset="utf-8" />

</head>

<body>

<div>

葫芦娃

</div>

<inputtype="text" name="text1" id="text1"value="" />

<inputtype="button" name="" id="btn"value="click" onclick= "changeText('changed');"/>

<scripttype="text/javascript">

// function 函数名（参数）{}定义一个函数

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

0 0