diff --git a/script.js b/script.js index 82da67e..b38c30f 100644 --- a/script.js +++ b/script.js @@ -135,10 +135,31 @@ //========== 文档树DOM ==========// -//getElementById 通过id获取 +//通过id获取 getElementById var pageTitle = document.getElementById('page-title'); console.log(pageTitle); -//getElementsByTagName 通过html标签获取 +//通过html标签获取 getElementsByTagName var list = document.getElementsByTagName('li'); console.log(list[0]); + +//查询选择器下的所有元素 +var queryList = document.querySelectorAll('.artist-list li'); +console.log(queryList); +//查询选择器下的所有元素的第一位元素 +var queryListFirst = document.querySelector('.artist-list li'); +console.log(queryListFirst); + +//访问元素的属性 +pageTitle.nodeName; //元素的名称 +pageTitle.innerText; //包含的内容 +pageTitle.parentNode; //元素的父节点名称 +pageTitle.previousElementSibling; //元素的上一个兄弟元素 +pageTitle.nextElementSibling; //元素的下一个兄弟元素 +console.log(pageTitle.nextElementSibling.innerHTML); //元素的下一个兄弟元素的内容 + +var artistList = document.querySelector('.artist-list'); +artistList.childNodes; //元素的所有子节点 +artistList.childElementCount; //元素所有子节点的数量 +artistList.firstElementChild; //元素的第一个子节点 +artistList.lastElementChild; //元素的最后一个子节点