查找上一个兄弟节点
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");
