改变属性的值的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
window.onload=function(){
//文本节点一定是元素节点的子节点
//1,获取文本节点所在的元素节点
var bkNode = document.getElementById("bk");
//2,通过firstChild定义为文本节点
var bkTestNode = bkNode.firstChild;
//3,通过操作文本节点的nodeValue属性来读写文本节点的值
alert(bkTestNode.nodeValue);
bkTestNode.nodeValue="我想去大理";
//1,根据id获取元素节点
var nameNode = document.getElementById("name");
//2,通过操作元素节点的value属性来读写文本节点的值
alert(nameNode.value);
//3,改变文本节点的值
nameNode.value = "尚硅谷";

}
</script>
</head>
<body>
<p>你想干什么</p>
<ul id="do">
<li id="bk" name="book">读书</li>
<li>练字</li>
</ul>
<br/><br/>
<p>你喜欢那种语言</p>
<ul id="yy">
<li id="java">java语言</li>
<li>C语言</li>
</ul>
<br/><br/>
name:<input type="text" name="username" id ="name" value="shanggugui"/>

</body>
</html>

posted @ 2016-10-15 17:15  caocx  阅读(363)  评论(0编辑  收藏  举报