注意,使用jQuery进行开发时,如果在做所有事情之前,
希望jQuery操作DOM文档,则必须确保DOM载入后开始执行
应该使用ready事件作为处理HTML文档的开始。
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>JavaScript获取页面的常用方法</title>
<script>
// 1、通过标签获取元素，返回一个数组
var li = document.getElementsByTagName('li');
console.log(li);
a=li[1].innerHTML;
console.log(a);
</script>
</head>
<body>
<p id="header">JavaScript学习</p>
<ul class="list">
<li>HTML</li>
<li>jQuery</li>
<li>JavaScript</li>
</ul>
<ul class="list">
<li>HTML</li>
<li>jQuery</li>
<li>JavaScript</li>
</ul>
</body>
</html>
此时console报错
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>JavaScript获取页面的常用方法</title>
<script src="jquery-2.2.2.min.js" type="text/javascript"></script>
<script>
$(function(){
// 1、通过标签获取元素，返回一个数组
var li = document.getElementsByTagName('li');
console.log(li);
a=li[1].innerHTML;
console.log(a);
}
)
</script>
</head>
<body>
<p id="header">JavaScript学习</p>
<ul class="list">
<li>HTML</li>
<li>jQuery</li>
<li>JavaScript</li>
</ul>
<ul class="list">
<li>HTML</li>
<li>jQuery</li>
<li>JavaScript</li>
</ul>
</body>
</html>
此时可以