js动态添加网页元素的三种方法

一、document.write()

        比图在页面加载时，创建一段文字信息就可以写成：window.onload(){document.write("<p>这是一段测试文字，在页面加载时显示...</p>")}

二、使用innerHTML()

       在指定元素中添加页面元素，比如页面中有一个div，ID为box  我们就可以写成：var box = document.getElement.ById('box');  box.innerHTML = ('可以把当前内容写到一个事件中，在事件触发时就会在box中写入一段话');

三、使用document.createElement

        这个方法和上面的类似，代码如下：docuemnt.createElement('li'); li.innerHTML = ('这是需要添加的内容'); box.appendChild(li);