您的位置：首页 > Web前端 > JavaScript

JavaScript DOM学习(4) 操作文本结点

2015-03-28 09:50 417 查看 
<!DOCTYPE html>

<html>
<head>
<title>TestJs.html</title>
<script type="text/javascript">
//获取文本结点
//文本节点一定是元素结点的子节点
window.onload=function(){
//1、获取文本结点所在的元素结点
var citynode=document.getElementById("bj");
//2.通过firstchild定位到文本结点
var bjtext=citynode.firstChild;
alert(bjtext.nodeValue);
//3.通过操作文本结点的nodevalue属性来读写文本结点的值
bjtext.nodeValue="test";
}
</script>
</head>

<body>
<p> which city do you like ?</p>
<ul id="city">
<li id="bj" name="Beijing" >Beijing</li>
<li id="cd" name="chengdu" >chengdu</li>
<li id="xian" name="xian" >xian</li>
<li id="hz" name="hangzhou" >hangzhou</li>
</ul>
<br></br>
<p> which game do you like ?</p>
<ul id="game">
<li id="cf" name="cross fire" >cross fire</li>
<li id="lol" name="LOL" >LOL</li>
<li id="dota" name="dota" >DOTA</li>
</ul>
<br></br>
gender:
<input type="radio" name="gender" value="male"/>Male
<input type="radio" name="gender" value="female"/>Female
</body>
</html>






 
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航