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

来源：互联网发布：电子狗一键升级软件编辑：程序博客网时间：2024/06/09 19:41

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

0 0