1. 最简单，但是有缺点

var city = document.getElementById(‘city‘);
city.innerHTML +="<li>广州</li>>";  // 原来的city和下面的li会全部受影响，原来绑定到他们的方法可能会失效

2. 折中的方法

var city = document.getElementById(‘city‘);
var li =document.createElement("li");
li.innerHTML="广州";
city.appendChild(li)    // appendChild不会对原来的兄弟元素产生影响

网页添加元素