今日背诵小纸条

方法一 通过ID获取

getElementById( ’summer’ );
// 对象的数据类型为 HTMLDivElement

对应CSS元素 
<div id = “summer”>今天好热啊</div>

方法二 根据标签名获取，获取的集合是动态集合，会根据运行过程动态刷新

getElementsByTagName( ‘p’ );
// 对象的数据类型为 HTMLCollection 伪数组

对应CSS元素
<p>今天好热啊</p>

方法三 根据name获取，不推荐使用

getElementByName( ’summer’ );

对应CSS元素
<div name = ’summer’>今天好热啊</div>
// 会有浏览器兼容性问题，如在IE&Opera浏览器中，有可能会返回同名的ID标签

方法四 根据类名获取

getElementsByClassName( ’summer’ );
// 会有浏览器兼容性问题，需要在IE9以后才会支持

对应CSS元素
<div class = ’summer’>今天好热啊</div>

方法五 根据选择器获取

querySelector( ); //只获取一个元素，匹配的第一个元素

querySelectorAll( ); // 兼容性问题，需要IE8+