js DOM ： DOM节点关系（父子节点、同胞节点）

<div>
    <span>21312</>
    <button id = 'user'>按钮</button>
    <p>获取我呀</p>
</div>
<script>
    var btn = document.getElementById('btn');
    var div = document.querySelect('div');
</script>

获取父节点 parentNode ：

var parent = btn.parentNode;

获取下一节点 元素.nextSiling

var next = btn.nextSibling;

获取上一节点 元素.previousSibling

var prev = btn.previousSibling;

获取元素子节点

// 获取元素的全部子节点
var children = div.children;
// 获取元素的第一个子节点
var firstChild = div.firstChild;
// 获取元素的最后一个子节点
var lastChild = div.lastChild;

等待页面加载完成后触发事件：

window.onload = function(){} 

 

绑定事件  onclick 、onchange（类似inputcheckbox属性改变时监测）、onload、oninput（如：监测文本框输入）