DOM

作者: 王哲胜 | 来源:发表于2018-05-23 00:03 被阅读0次

DOM:文档对象  操作页面中的元素    可以增删改查

查:

      1. 通过元素间的关系

父子关系:

  查找某个父元素:parentElement

  查找某个元素中得所有子元素 :children      返回一个动态集合

查找第一个子元素:firstElementchild

查找最后一个子元素:lastElementchild

兄弟关系:

前一个兄弟元素:previousElementSibing

下一个兄弟:nextElementSibing

2.  通过html查找

通过id查找:

var ele=document.getElementById('id');

只能找到一个        找不到返回null

通过class

var ele=document.getElementByClassName('class')

可以找到多个      返回动态集合  找不到返回[]

标签查找

var ele=document.getElementByTagName('标签名');

可以找到多个返回一个动态集合      没找到返回空集合。

通过name属性查找:

var ele=document.getElementByName('name');

可以找到多个    返回动态集合

3.  通过选择器查找

var ele=document.querySelector('#list');

只能找到一个

var ele=document.querySlectorAll('选择器')

返回一个动态集合

相关文章

  • dom 级别和dom 事件处理

    dom级别:dom0 dom1 dom2 dom3 dom事件处理:dom0 dom2 dom3 (1级DOM标准...

  • WY-DOM编程

    DOM Document Object Model DOM Core DOM HTML DOM Style DOM...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级、DOM1级、DOM2级、DOM3级DOM事件:DOM0级事件处理、...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级,DOM1级,DOM2级和DOM3级DOM事件:DOM0级事件处理,...

  • js红包雨活动

    function Block( dom ){ this.dom = dom; //dom this.parentW...

  • DOM操作的分类

    DOM操作分为三个方面,即DOM Core(核心)、HTML-DOM和CSS-DOM。 DOM Core DOM ...

  • 虚拟 DOM 和 diff 算法

    虚拟 DOM(Virtual DOM) 通过 JS 对象表示 DOM 结构,虚拟DOM 是对 DOM 的抽象 通常...

  • jQuery——DOM

    DOM操作分类 一般来说,DOM操作分为3个方面,即DOM Core、HTML-DOM、CSS-DOM。 DOM ...

  • JavaScript高级程序设计前四章

    1. DOM级别 1.1 DOM1级 由DOM核心(DOM Core)和DOM HTML两个模块组成。 DOM核心...

  • DOM分级详解

    DOM1 级(DOM Level 1) DOM1 级由两个模块组成:DOM核心(DOM Core)和DOM HTM...

网友评论

      本文标题:DOM

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