1、新建一个html文件，命名为test.html。
2、在test.html文件中，使用script标签加载jquery.min.js文件，成功加载该文件，才能使用jquery方法。
3、在js标签内，在页面加载完成时，获取body对象，使用append()方法向body动态添加一个div元素。
4、在test.html文件中，使用button标签创建一个按钮，按钮名称为“获取id值”。
5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getid（）函数。
6、在js标签内，创建getid()函数，在函数内，通过元素名称获得div对象，使用attr()方法获得动态添加div的id值，并使用alert()方法将值输出。
7、在浏览器打开test.html文件，点击按钮，查看结果。
1、动态创建元素时，将事件触发方式加入到元素创建中例如：
document.getElementById('id').innerHTML='<input type="button" onclick="btnClick()" value="aaa"/>'
function btnClick(){
alert('事件触发')
}
2、动态创建元素完成后，重新获取该元素绑定事件
例如：
document.getElementById('id').innerHTML='<input type="button" id="btn" />'
document.getElementById('btn').onclick=function(){
alert('事件触发')
}
js 动态添加li代码：
<ul id="parentUl"><li>原li</li></ul>
function addElementLi(obj) {var ul = document.getElementById(obj) //添加 livar li = document.createElement("li") //设置 li 属性，如 idli.setAttribute("id", "newli") li.innerHTML = "js 动态添加li"ul.appendChild(li)}调用：addElementLi("parentUl")
用 js 动态添加元素，就不会有那么复杂的字符串出现，代码阅读性强一点，也容易理解。用代码的方式在js中给li附上标签。
一、js 动态添加元素div：
<div id="parent"></div> function addElementDiv(obj) {var parent = document.getElementById(obj) //添加 divvar div = document.createElement("div") //设置 div 属性，如 iddiv.setAttribute("id", "newDiv") div.innerHTML = "js 动态添加div"parent.appendChild(div)}调用：addElementDiv("parent")
二、js 动态添加元素img：
<ul id="parentUl"></ul>
function addElementImg(obj) {var ul = document.getElementById(obj) //添加 livar li = document.createElement("li") //添加 imgvar img = document.createElement("img") //设置 img 属性，如 idimg.setAttribute("id", "newImg") //设置 img 图片地址img.src = "/images/prod.jpg" li.appendChild(img)ul.appendChild(li)}调用：addElementImg("parentUl")
