学习任务

    掌握获取页面元素的方法

   1.通过id获取元素 getElementById('id名') 或者 querySelector('#id名')

   2.通过标签名获取元素getElementsByTagName('标签名')或者querySelectorAll('标签名')

   3.通过名字获取元素getElementsByName('名字')

   4.通过类名获取元素getElementsByClassName('类名')或者querySelectorAll('.类名')

观看视频

内容概要

1.W3C对DOM的定义是： 一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态的访问和修改文档的内容结构和样式。

当创建了一个网页，并把它加载到web浏览器中时，DOM就在幕后悄然而生，它把你编写的网页转换为一个文档对象。

课件下载

      《获取元素》课件

学习测试

如下代码结构中：

（1）获取id为tab的div

（2）获取类为tab_list的div

（3）获取该区域的li元素。

<div id="tab">

    <div class="tab_list">

      <ul>

        <li class="current">商品介绍</li>

        <li>规格与包装</li>

        <li>售后保障</li>

        <li>商品评价（1000 ）</li>

        <li>手机社区</li>

      </ul>

   </div>

</div>