简单示例
通过getElementById()方法选择id名为demo的HTML元素，将该元素的innerHTML属性设置为“反清复明”。这就是一个简单的示例，具体代码如下所示：
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "反清复明";
</script>
运行一下
搞明白上面这个最简单的例子就可以了。此外，再说三件事：1.要自己去专否沙盒多试试；2.下面是常用的一些方法，先大致浏览一遍即可，需要用到再深入研究也不迟；3.很可能会很少直接用到，因为后续会学jQuery，所以将来实战中，用jQuery会比直接裸写更明智。
选择HTML元素
| 方法 |
说明 |
| document.getElementById(id) |
根据元素id选择元素 |
| document.getElementsByTagName(name) |
根据元素标签名选择元素 |
| document.getElementsByClassName(name) |
根据元素class类名选择元素 |
改变HTML元素
| 方法 |
说明 |
| element.innerHTML = new html content |
设置元素html内容 |
| element.attribute = new value |
设置元素属性 |
| element.setAttribute(attribute, value) |
设置元素属性 |
| element.style.property = new style |
设置元素某种样式 |
添加和删除HTML元素
| 方法 |
说明 |
| document.createElement(element) |
创建一个HTML元素 |
| document.removeChild(element) |
删除一个HTML元素 |
| document.appendChild(element) |
添加一个HTML元素 |
| document.replaceChild(element) |
替换一个HTML元素 |
| document.write(text) |
在HTML输出流中添加信息 |
添加触发事件
| 方法 |
说明 |
| document.getElementById(id).onclick = function(){code} |
将指定函数绑定在指定id的HTML元素的点击事件上 |
