一、获取元素
①根据Id获取:getElementById
使用方法:document.getElementById(Id号)
返回值:返回元素对象
<div id="ti">你好</div>
<script>
var timer = document.getElementById(ti);
console.dir(ti);//打印元素对象,查看属性和方法
</script>
②根据标签获取元素:getElementByTagName
使用方法:document.getElementByTagName(标签名)
返回值:返回元素对象的集合,以伪数组形式存储
var lis = document.getElementsByTagName('li');
for (var i = 0; i < lis.length; i++) {
console.log(lis[i]);
}
③根据类名获取元素:getElementsByClassName('类名')
var lis = document.getElementsByClassName('ol');
console.log(lis);
④选择器返回第一个元素对象(切记加符号类名加. id加#)
使用方法:document.querySelector(选择器名)
返回值:返回一个元素对象
<body>
<ol class="ol">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
<script>
var lis = document.querySelector('li');
console.log(lis);
</script>
</body>
④选择器返回所有元素对象(切记加符号类名加. id加#)
使用方法:document.querySelectorAll(选择器名)
返回值:返回所有元素对象
<body>
<ol class="ol">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
<script>
var lis = document.querySelectorAll('li');
console.log(lis);
</script>
</body>
⑤获取body元素和html元素
获取body:document.body
返回值:返回body元素对象
var bodyEl = document.body;
console.log(bodyEl);
获取html:document.documentElement
返回值:html元素对象
var htmlEl = document.documentElement;
console.log(htmlEl);
二、绑定事件/注册事件
三、添加事件处理程序(函数赋值)