# insertBefore 插入节点
~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOM-obj</title>
</head>
<body>
<div id="div">
<p id="pid">div的p元素</p>
</div>
<script>
var div = document.getElementById('div');
var node = document.getElementById('pid');
var newNode = document.createElement('p');
newNode.innerHTML = '动态添加的P元素';
div.insertBefore(newNode,node); // 将创建的P元素添加在div之前
</script>
</body>
</html>
~~~
- 空白目录
- JavaScript保留字
- JS事件
- JS面向对象
- JS内置对象
- 自定义对象
- String 字符串对象
- Date 日期时间对象
- Array 数组对象
- Math 对象
- DOM对象控制HTML
- getElementsByName
- getElementsByTagName
- getAttribute 获取元素属性
- setAttribute 设置元素属性
- childNodes 访问子节点
- parentNode 访问父节点
- createElement 创建元素节点
- createTextNode 创建文本节点
- insertBefore 插入节点
- removeChild 删除节点
- offsetHeight 网页高度
- scrollHeight 网页高度
- JS浏览器对象
- window对象
- 计时器
- history对象
- location对象
- screen对象
- navigator对象
- 弹出窗口
- cookies