效果图
单机按钮后
将广州元素插入到北京元素前面
<script>
//添加在指定元素前面添加元素
myClick("btn1",function () {
//创建子节点
var li=document.createElement("li");
//创建文本文件
var gzText=document.createTextNode("广州");
//拼装起来
li.appendChild(gzText);
//获取北京节点
var bj=document.getElementById("bj");
//获取city
var city=document.getElementById("city");
//开始替换
city.insertBefore(li,bj);
});
function myClick(idbtn,fun) {
var btn=document.getElementById(idbtn);
btn.onclick=fun;
}