博客列表 >伪数组与dom常用api

伪数组与dom常用api

喜
原创
2022年07月28日 23:04:17503浏览

1.伪数组

常见伪数组有 arguments querySelectorAll children 等

  1. let arr=[1,2,3]
  2. // 判断是不是数组
  3. console.log(Array.isArray(arr));
  4. // 伪数组转数组
  5. Array.from()

2.1获取dom元素

  1. // querySelector 返回选择第一个
  2. console.log(document.querySelector('.box'));
  3. // querySelectorAll 返回节点伪数组
  4. console.log(document.querySelectorAll('ul'));
  5. // 其他获取方法
  6. // 使用 document.documentElement 可以访问 html 元素。
  7. // 使用 document.doctype 可以访问 doctype。注意,部分浏览器不支持。
  8. // 使用 document.childNodes 可以遍历子节点。
  9. // 使用 document.firstChild 可以访问第一个子节点,一般为 doctype。
  10. // 使用 document.lastChild 可以访问最后一个子节点,如 html 元素或者注释。
  11. // 访问特殊元素
  12. // 文档中存在很多特殊元素,使用下面的方法可以获取,若获取不到则返回 null。
  13. // 使用 document.body 可以访问 body 元素。
  14. // 使用 document.head 可以访问 head 元素。
  15. // 使用 document.defaultView 可以访问默认视图,即所属的窗口对象 window。
  16. // 使用 document.scrollingElement 可以访问文档内滚动的元素。
  17. // 使用 document.activeElement 可以访问文档内获取焦点的元素。
  18. // 使用 document.fullscreenElement 可以访问文档内正在全屏显示的元素。
  19. // 访问元素集合
  20. // document 包含一组集合对象,使用它们可以快速访问文档内元素,简单说明如下:
  21. // document.anchors:返回所有设置 name 属性的 <a> 标签。
  22. // document.links:返回所有设置 href 属性的 <a> 标签。
  23. // document.forms:返回所有 form 对象。
  24. // document.images:返回所有 image 对象。
  25. // document.applets:返回所有 applet 对象。
  26. // document.embeds:返回所有 embed 对象。
  27. // document.plugins:返回所有 plugin 对象。
  28. // document.scripts:返回所有 script 对象。
  29. // document.styleSheets:返回所有样式表集合。

2.2 获取form表单元素与控件的值

2.3 dom元素的遍历与常用API


-
-

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议