美文网首页
DOM(文档对象模型)

DOM(文档对象模型)

作者: 码字仓颉 | 来源:发表于2017-12-29 00:17 被阅读0次

问题

1、DOM是哪种基本数据结构?(树)

2、DOM操作常用API?

3、DOM节点的attr和property有何区别?

知识点

1、DOM本质

  • document object model 文档对象模型

2、DOM节点操作

  • 获取DOM节点
    document.getElementById();
    document.getElementsByClassName();
    document.getElementsByTagName();
    document.querySelectorAll();
    
  • property、attribute
    var div = document.getElementById("div1");
    // property 节点对象的属性,JS对象属性
    console.log(div1.className);
    div1.className = "abc";
    //attribute 标签中的属性,HTML标签属性
    console.log(div1.getAttribute("data-name"));
    div1.setAttribute("data-name","xyz");
    

3、DOM结构操作

  • 新增节点
  • 获取父元素
  • 获取子元素
  • 删除节点

相关文章

  • DOM

    DOM Document Object Model(文档对象模型)文档对象模型 (DOM) 是HTML和XML文档...

  • DOM操作

    文档对象模型 DOM DOM 是 JavaScript 操作⽹页的接口,全称为“文档对象模型”(Document ...

  • WebAPI(一)——DOM

    JS组成:ECMAScript。Dom:文档对象模型。Bom:浏览器对象模型。 DOM: 概念:文档即html文件...

  • 第一章 什么是JavaScript

    JavaScript的组成 -核心 (EcmaScript)-文档对象模型-浏览器对象模型 DOM 文档对象模型(...

  • per-courseDOM介绍

    DOM 文档对象模型 D 表示文档,DOM的物质基础O 表示对象,DOM的思想基础M 表示模型,DOM的方法基础...

  • 12.6dom

    什么是DOM DOM: Document Object Model 文档对象模型文档: html页面文档对象: h...

  • 07.JavaScript Html Dom

    DOM简介 DOM :Document Object Model 文档对象模型HTML DOM树 : DOM树模型...

  • JavaScript Dom

    文档对象模型 文档对象模型(doucment object model,dom)是表示文档(如html文档、xml...

  • DOM学习总结

    初识DOM DOM是Document Object Model,即是文档对象模型。 文档对象模型有三种节点关系。分...

  • JavaScript中的Dom

    什么是DOM DOM(document object model) 文档对象模型,表示一个页面文档的模型 DOM的...

网友评论

      本文标题:DOM(文档对象模型)

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