怎样通过id属性快速从HTMLCollection对象中获取到目标元素节点

方法1: 直接使用id或name属性:

比如我想获取 id 为 img1 的图片元素节点, 则可以这样写:

document.images.img1

如果没有对应节点, 则返回undefined;

方法2: 可以用: HTMLCollection.prototype.namedItem() 获取, 使用方法如下:

// HTML 代码如下
// <img id="pic" src="http://example.com/foo.jpg">

var pic = document.getElementById('pic');
document.images.namedItem('pic') === pic // true