原生jsdom操作记录

查找上一个兄弟节点

var seedComment = document.querySelector("textarea");
seedComment.previousElementSibling.value;

查找最后一个子节点

var seedComment = document.querySelector("ul");
segmentedControl.lastElementChild; 

or

var lastEl = document.querySelector("#commentsResult").lastChild.parentNode.lastElementChild
    console.log(lastEl.getAttribute("data-time"))

查找父节点

var self = this;
self.parentElement.style.backgroundColor = "red";

判断子节点是否有子节点 div#city>ul>li

var city = document.querySelector("#city");
city.querySelector("ul").childNodes.length <= 1 
//childNodes返回包含指定节点的子节点的集合

判断是否有子节点的另一种方法

//如果id为foo的这个元素有子节点,则从dom树中删除它的第一个子节点

var foo = document.getElementById("foo");
if ( foo.hasChildNodes() ) { 
  foo.removeChild( foo.childNodes[0] );
}

添加删除类

div.classList.remove("foo");
div.classList.add("anotherclass");
div.classList.toggle("visible");