访问一个给定的元素找到其元素和子元素

问题：想要访问一个特定的文档元素，并且找到其父元素和子元素
解决方案：给元素一个唯一的标识符

<div id = "demodiv"
    <p>
        This is Text.
    </p>
</div>

通过parentNode属性找到其父节点
var parent = demodiv.parentNode;
var children = demodiv.childNodes;

使用querySelectorAll()和querySelector()方法查找元素

• 要访问所有的img元素，而不管其父元素。var imgs = document.querySelectorAll(“img”);
• 访问作为一个article元素直接子节点的img元素 var imgs = document.querySelectorAll(“article > img”);
• 访问紧跟在一个段落后面的所有img元素，可以使用：var imgs = document.querySelectorAll(“img + p”);
• 访问 alt属性为空的img元素：var imgs = document.querySelectorAll(‘img[atl=”“]’);
• 访问对没有一个空的alt属性的一个img元素感兴趣：var imgs = document.querySelectorAll(‘img:not([alt=”“])’);

获取一个指定名字的一个集合还可以使用document.getElementsByTagName(‘img’);
querySelectorAll()返回的元素的集合不是一个“动态集合”而getElementsByTagName()返回的是一个元素的动态集合