美文网首页
HTML5-新DOM API

HTML5-新DOM API

作者: 木易先生灬 | 来源:发表于2018-10-09 12:49 被阅读0次

传统dom的访问方式

document.getElementById()          根据id访问,id是唯一的,结果是唯一的dom元素

document.getElementsByName()       根据name属性访问,结果是集合

document.getElementsByClassName()  根据类的名称访问,结果是集合

document.getElementsByTagName()    根据标签名称访问,结果是集合

h5新增的domAPI

document.querySelector()     匹配结果的第一个

document.querySelectorAll()  匹配结果的集合(所有)

相关文章

  • HTML5-新DOM API

    传统dom的访问方式 h5新增的domAPI

  • insertAfter实现

    用原生JS实现在一个dom元素后插入新的节点? 在js的dom api中有insertBefore()方法 在已知...

  • React组件的生命周期学习笔记

    创建新组件的API 使用自定义组件1(类似DOM组件) 使用自定义组件2(工厂方法) 注意:React.DOM.*...

  • 【DOM】DOM的操作(增删改查)

    操作DOM的核心就是增删改查 参考: JavaScript DOM编程——API详解 目录 一、节点创建型API ...

  • 简单模仿两个jQuery API

    这篇博客主要是使用DOM API进行封装模仿jQuery API的实现。在平常写代码时常常会发现DOM API在大...

  • DOM轻松学习之旅(一)

    DOM简述 DOM 的作用 === 表示 HTML 文档 DOM 提供的 API === 查询,修改 HTML 文...

  • DOM对象和jQuery对象

    (1)、DOM对象只能访问DOM对象的API (2)、jQuery对象只能访问jQuery对象的API (3)、D...

  • DOM API

    课堂笔记 DOM(document,object,model)的作用是通过构造函数将网页文档里的标签转化为对象,这...

  • DOM API

    Node 分为 Document(html)、Element(元素)和 Text(文本),以及其他不重要的。

  • Dom API

    什么是DOM? 说白了DOM就是浏览器为JavaScript提供的一系列接口(通过window.documnet提...

网友评论

      本文标题:HTML5-新DOM API

      本文链接:https://www.haomeiwen.com/subject/xypeaftx.html