03 获取元素节点对象的方式
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h2>你要什么</h2>
<p title ='选择你的课程'>本课程是web课程</p>
<ul id='classList'>
<li class="item">javascript</li>
<li class="item">DOM</li>
<li>BOM</li>
</ul>
<script type="text/javascript">
//$什么意思 document.getElementById()简写
//1.document.getElementById() 单个对象
var eleNode = document.getElementById('classList');
console.log(eleNode);
//2.document.getElementsByTagName() 获取出来的是一个节点对象集合 有点像数组
var oLis = document.getElementsByTagName('li');
console.log(oLis);
console.log(oLis.length);
for(var i=0;i < oLis.length;i++){
console.log(oLis[i]);
}
//3.document.getElementsByClassName('item');
var oItems = document.getElementsByClassName('item');
console.log(oItems);
</script>
</body>
</html>