在js中添加新节点
<!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(){
alert(1);
//document.createElement(elementTagName);
//新创建一个元素节点，返回值为指向元素节点的引用
var liNode = document.createElement("li");
//document.createTextNode(String);//创建一个文本节点
//参数为文本值，返回该文本节点的引用
var xmText = document.createTextNode("厦门");
liNode.appendChild(xmText);
var cityNode = document.getElementById("city");
//2,elementNode.appendChild(newChild):为elementNode
//新添加newChild子节点，该子节点将作为elementNode的最后一个子节点
cityNode.appendChild(liNode);
}
</script>
</head>
<body>
<p>你喜欢那个城市</p>
<ul id="city">
<li id="bj" name="BeiJing">北京</li>
<li>上海</li>
<li>香格里拉</li>
<li>天山</li>
</ul>
<br><br>
<p>你喜欢那个游戏</p>
<ul id="game">
<li id="rl">贪吃蛇</li>
<li>搬箱子</li>
<li>魔兽</li>
<li>lol</li>
</ul>
<br><br>
gender:
<input type="radio" name="gender" value="male"/>Male
<input type="radio" name="gender" value="female"/>Female
<br><br>
name:<input type="text" name="username" id ="name" value="你是个傻瓜"/>
</body>
</html>
最新文章
- 如何在mac上安装docker［记录自己在mac上安装docker的经历］
- LVS+MYCAT读写分离+MYSQL同步部署手册（第三版）
- 在ubuntu中安装jdk
- js库写法
- Android double输出时保留两位小数
- b.BIO连接器整体框图
- 163免费邮客户端设置的POP3、SMTP、IMAP地址
- 【Java】在Eclipse中使用JUnit4进行单元测试（初级篇）
- 解决mongodb设备mongod命令不是内部或外部的命令
- 关于php的socket
- hibernate ——helloWorld程序（annotation配置）
- [Python Study Notes]列表操作
- 当图片验证码遇上JSP
- audio与video控件/标签的隐藏，iso/Android下自动全屏播放，短暂黑屏问题
- vue 拖拽移动（类似于iPhone虚拟home ）
- Linux下coreseek环境安装 、mysql数据源、sphinx扩展安装及php调用
- mysql 回顾
- [Android] Service服务详解以及如何使service服务不被杀死
- 20155330 《网络对抗》 Exp5 MSF基础应用
- j.u.c系列（11）---之并发工具类：Exchanger