查找上一個兄弟節(jié)點
var seedComment = document.querySelector("textarea");
seedComment.previousElementSibling.value;
查找最后一個子節(jié)點
var seedComment = document.querySelector("ul");
segmentedControl.lastElementChild;
or
var lastEl = document.querySelector("#commentsResult").lastChild.parentNode.lastElementChild
console.log(lastEl.getAttribute("data-time"))
查找父節(jié)點
var self = this;
self.parentElement.style.backgroundColor = "red";
判斷子節(jié)點是否有子節(jié)點 div#city>ul>li
var city = document.querySelector("#city");
city.querySelector("ul").childNodes.length <= 1
//childNodes返回包含指定節(jié)點的子節(jié)點的集合
判斷是否有子節(jié)點的另一種方法
//如果id為foo的這個元素有子節(jié)點,則從dom樹中刪除它的第一個子節(jié)點
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");
