A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 凉文郡 初级黑马   /  2019-4-25 13:40  /  1100 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文


DOM
        文档对象模型,是W3C组织推荐的处理可扩展标记语言的标准编程接口;W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容、结构和样式。
在DOM 中如何获取元素?
1.通过ID 获取
2.根据标签名获取
3.通过HTML5新增的方法获取
4.通过特殊元素获取
  
通过ID 获取
     1. 因为我们文档页面从上往下加载,所以先得有标签 所以我们script写到标签的下面
     2. get 获得 element 元素 by 通过 驼峰命名法
     3. 参数 id是大小写敏感的字符串
     4. 返回的是一个元素对象
例如:
     <div id="time">2019-9-9</div>
<script>
     var timer = document.getElementById('time');
     console.log(timer);
      console.log(typeof timer);
5. console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法
       console.dir(timer);
<script>

根据标签名获取
document.getElementsByTagName('标签名');


根据h5新增的方法获取
1. document.getElementsByClassName(‘类名’);// 根据类名返回元素对象集合
2. document.querySelector('选择器');        // 根据指定选择器返回第一个元素对象
3. document.querySelectorAll('选择器');     // 根据指定选择器返回
注意:querySelector 和 querySelectorAll里面的选择器需要加符号,比如:document.querySelector('#nav')

获取特殊元素
获取body的元素
var bodyEle = document.body;
获取html的元素
var htmlEle = document.documentElement

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马