原生JS节点获取、Class增删改查、属性操作、Dom操作

HTML内容

<div id="head">
    <div class="head_wrapper">1</div>
    <div class="headBlock">2</div>
</div>

原生JS获取节点

在这里推荐使用element元素的方法
因为节点得到的是一个节点集合

//得到全部子节点childNodes 
document.getElementById('head').childNodes 
//NodeList(5) [text, div.head_wrapper, text, div.headBlock, text]

//得到父节点
document.querySelector('.head_wrapper').parentNode
//下一个兄弟节点
document.querySelector('.head_wrapper').nextSibling
//上一个兄弟节点
document.querySelector('.headBlock').previousSibling
//第一个子节点
document.getElementById('head').firstChild