首页 > 代码库 > 改变属性的值的方法
改变属性的值的方法
<!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="http://www.mamicode.com/我想去大理";
//1,根据id获取元素节点
var nameNode = document.getElementById("name");
//2,通过操作元素节点的value属性来读写文本节点的值
alert(nameNode.value);
//3,改变文本节点的值
nameNode.value = "http://www.mamicode.com/尚硅谷";
}
</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="http://www.mamicode.com/shanggugui"/>
</body>
</html>
改变属性的值的方法