精华内容
下载资源
问答
  • 常见Dom操作有哪些

    2018-04-16 10:46:52
    1.背景介绍DOM是Document Object Model(文档...在网页上,组织页面(或文档)对象被组织在一个树形结构中,用来表示文档中对象标准模型就称为DOM。Document Object Model历史可以追溯至1990年代后期微软与Net...
     1.背景介绍


    DOM是Document Object Model(文档对象模型 )的缩写。


    文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”,双方为了在JavaScript与JScript一决生死,于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物,既有VBScript、ActiveX、以及微软自家的DHTML格式等,使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。Dom技术使得用户页面可以动态地变化,如可以动态地显示或隐藏一个元素,改变它们的属性,增加一个元素等,Dom技术使得页面的交互性大大地增强。


    2.知识剖析


    什么是DOM节点?

    HTML文档中的所有内容都是节点;
    整个文档是一个文档节点;
    每个HTML元素是元素节点;
    HTML元素内的文本是文本节点;
    HTML元素内的文本是文本节点;
    注释是注释节点。

    常见的DOM操作

    查找节点;新建节点;添加新节点;删除节点;修改节点


    查找结点

    以id的方式查找:document.getElementById

    以class名称方式查找:document.getElementsByClassName

    以标签名称的方式查找:document.getElementsByTagName

    新建节点
    document.createElement('元素名');新建一个元素节点
    document.createAttribute('属性名');新建一个属性节点
    document.createTextNode('文本内容');新建一项文本节点

    添加新节点
    element.setAttribute(attributeName, attributeValue );给元素增加指定属性,并设定属性值
    element.setAttributeNode(attributeName );给元素增加属性节点

    删除节点
    parentNode.removeChild(existingChild );删除已有的子节点,返回值为删除节点
    DOM需要清楚你需要删除的元素,以及它的父元素。找到希望删除的子元素,然后使用其parentNode属性来找到父元素:

    3.常见问题


    4.解决方案


    5.编码实战


    6.扩展思考

    修改节点
    parentNode.replaceChild(newChild, existingChild );用新节点替换父节点中已有的子节点


    7.参考文献

    常见dom树操作

    js中的DOM操作汇总 - 很好玩 - 博客园

    Javascript的DOM操作 - 你真的了解吗? - CSDN博客

    w3school在线教程/菜鸟教程


    8.更多讨论



    问题一

    JavaScript和HTML DOM的区别与联系?

    答:

    区别:

    1、javascript

    JavaScript 是流行的浏览器脚本语言。容易使用。

    JavaScript 被网页用来改进设计、验证表单、检测浏览器、创建cookies等应用。

    2、HTML DOM

    HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。

    HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准方法。

    通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。
    HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。

    联系:

          1、通过 JavaScript,可以重构整个 HTML 文档。可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。
          2、Javascript主要是利用HTML DOM去获得、改变、创建HTML元素,从而达到美化页面、操作页面元素的目标。因此,在Javascript中最常见的就是各种各样的HTML DOM元素以及它们各自的属性。除了这些DOM元素外,Javascript有自己的对象,例如数组。

          3、可以认为Javascript主要是操纵HTML DOM。两者是不一样的。 Javascript是语言,DOM是可以在各种语言中(不仅js,php也有的)动态修改文档的模型。


    问题二
    DOM有什么优点和缺点?

    答:
          DOM的优势主要表现在:易用性强,使用DOM时,将把所有的XML文档信息都存于内存中,并且遍历简单,支持XPath,增强了易用性。

           DOM的缺点主要表现在:效率低,解析速度慢,内存占用量过高,对于大文件来说几乎不可能使用。另外效率低还表现在大量的消耗时间,因为使用DOM进行解析时,将为文档的每个element、attribute、processing-instrUCtion和comment都创建一个对象,这样在DOM机制中所运用的大量对象的创建和销毁无疑会影响其效率。


    问题三

    核心DOM和html DOM的区别是什么?

    答:

    核心DOM适合操作节点,如创建,删除,查找等。HTML DOM适合操作属性,如读取或修改属性的值。


    PPT

    视频

    展开全文
  • 树形结构 树形结构具有分支、层次特性,其形态有点象自然界中的树. ④ 图状结构 图状结构中的结点按逻辑关系互相缠绕,任何两个结点都可以邻接 集合:结构中的数据元素之间除了同属于一种类型外,别无其它关系 ...
    ① 集合 集合中任何两个数据元素之间都没有逻辑关系,组织形式松散.
    ② 线性结构 线性结构中的 结点按逻辑关系依次排列形成一个“锁链”.
    ③ 树形结构 树形结构具有分支、层次特性,其形态有点象自然界中的树.
    ④ 图状结构 图状结构中的结点按逻辑关系互相缠绕,任何两个结点都可以邻接

    集合:结构中的数据元素之间除了同属于一种类型外,别无其它关系
    线性结构:结构中的数据元素之间存在一对一的关系
    树形结构: 结构中的数据元素之间存在一对多的关系
    图状结构或是网状结构:结构中的数据元素之间存在多对多的关系
    展开全文
  • 首先,良好的网站结构是提高文章...对于大型网站树形结构,它是一种常见的结构布局方法,而小型企业网站的物理结构有利于站点目录权重的整体提升,因为小站本身比较简单,而且侧面并列结构是许多小型企业站点采用的...

    首先,良好的网站结构是提高文章收录的基础。许多大型门户网站都有明显的表现,特别是网站结构层次清晰,逻辑结构的合理规划,网站层次分明,都能帮助搜索引擎更加顺利地抓取网站内容。树形结构和物理结构共有的并排结构对于网站具有各自的优点和缺点。对于大型网站树形结构,它是一种常见的结构布局方法,而小型企业网站的物理结构有利于站点目录权重的整体提升,因为小站本身比较简单,而且侧面并列结构是许多小型企业站点采用的结构方法。

    第二是不断完善和提升网站的用户体验。用户在访问网站时是否能第一时间找到自己需要的东西,这就说明了站长对内容的布局是否做好。用户在访问网站时,可以按照网站的设计顺利地找到所需的信息页面。合理的结构将关键内容展示给用户,通过构建网站的关键模块,引导用户找到自己想要的信息。

    展开全文
  • 我们之前已经知道,数据结构就是计算机存储,组织数据...(2)树形结构:结点间具有层次关系,每一层一个结点能且只能和上一层一个结点相关,但同时可以和下一层多个结点相关,称为“一对多”关系,常见类...

    我们之前已经知道,数据结构就是计算机存储,组织数据的方式。我们根据存储方式可将数据结构大概分成图1所示以下几种:

         图1

    (1)线性数据结构:元素之间一般存在元素之间存在一对一关系,是最常用的一类数据结构,典型的有:数组、栈、队列和线性表。

    (2)树形结构:结点间具有层次关系,每一层的一个结点能且只能和上一层的一个结点相关,但同时可以和下一层的多个结点相关,称为“一对多”关系,常见类型有:树、堆。

    (3)图形结构:在图形结构中,允许多个结点之间相关,称为“多对多”关系。

    (4)哈希表结构:称为散列表,是根据关键字值(key value)而直接进行访问的数据结构。也就是说,它通过把关键字值映射到一个位置来访问记录,以加快查找的速度。这个映射函数称为哈希函数(也称为散列函数),映射过程称为哈希化,存放记录的数组叫做散列表。

    不管什么样的数据结构,它们基本上都有如下的基本功能:

      ①、如何插入一条新的数据项

      ②、如何寻找某一特定的数据项

      ③、如何删除某一特定的数据项

      ④、如何迭代的访问各个数据项,以便进行显示或其他操作

    图2所示是各种数据结构的异同,大家先有个印象,后面我会逐一去介绍。

      图2

    注:以上图片来源于网络。

     

    展开全文
  • 常用数据结构有哪些

    2012-07-23 16:36:00
    1、数据元素相互之间关系称为结构。四类基本结构:集合、线性结构、树形结构、图状结构。 集合结构:除了同属于一种类型外,别无其它关系 线性...树形结构:元素之间存在一对多关系,常见类型:树(许多特例...
  • 四类基本结构:集合、线性结构、树形结构、图状结构; 集合结构:除了同属于一种类型外,别无其它关系 线性结构:元素之间存在一对一关系常见类型: 数组,链表,队列,栈,它们之间在操作上有所区别. 例如...
  • trie讲解

    2019-12-07 14:29:28
    Trie树也叫字典树,是一种树形结构,专门用于处理在一个字符串集合中查找某个字符串。 那trie树在我们实际应用中有哪些例子呢? 其实trie树这种数据结构,应用十分常见,比如所我们搜索引擎就是利用了这一个功能...
  •  1开发中java用了比较多数据结构有哪些? 数据元素相互之间关系称为结构。有四类基本结构:集合、线性结构、树形结构、图状结构;   集合结构:除了同属于一种类型外,别无其它关系 线性结构:元素之间存在一...
  • HashMap源码

    2020-06-21 15:33:46
    开始之前请大家思考一下,我们常见的数据结构有哪些?典型的代表又有哪些呢? 01 常见数据机构 我们比较熟悉的应该是这几种:数组,链表(单向和双向),树形,图形 典型的代表: 数组:类似如下,典型代
  • 寒假作业

    2019-02-14 16:56:28
    2、常见Linux发行版有哪些?并描述不同发行版之间联系与区别。redhat 收费centos 免费rhelfedora 最新版本debian ubuntu 桌面为主系统 3、描述linux目录结构以及目录结构命名规定单根形态倒置树形结构...
  • 什么是异常异常就是程序运行时发生错误的信号,程序随即发生终止行为常见的异常有哪些AttributeError 试图访问一个对象没有的树形,比如foo.x,但是foo没有属性xIOError 输入/输出异常;基本上是无法打开文件...
  • 常见的异常有哪些 AttributeError 试图访问一个对象没有的树形,比如foo.x,但是foo没有属性x IOError 输入/输出异常;基本上是无法打开文件 ImportError 无法引入模块或包;基本上是路径问题或名称错误 ...
  • 一,异常处理 终于到了在小白的路上经常遇到的东西了...首先先介绍一下有哪些我们常见的异常跟表示什么错误吧。 1 AttributeError 试图访问一个对象没有的树形,比如foo.x,但是foo没有属性x 2 IOError 输入...
  • 第一节 前段开发基础--... 1.Web页面通常使用哪几种语言开发? ... ...4.常见的HTML标签有哪些? 5.HTML DOM 是什么结构? 树形结构 第二节 前段开发基础--JavaScript 1.我们在哪几个地方可以运行JavaScript
  • 数据权限常见场景: 数据仅部门级可见 数据仅本人可见 数据仅某角色可见 在可见基础上,进行功能控制: 修改,删除 在树形结构里,在可见基础上进行 新增/修改/删除控制 我实现方式: 资源---所有者 (请思考...
  • 那么,Linux系统有哪些常见的目录呢? 目录 作用 /bin 二进制命令所在的目录 /boot 系统引导程序所需要的文件目录 /dev 设备软件...
  • 树形结构里,在可见基础上进行 新增/修改/删除控制 我实现方式: 资源---所有者 (请思考哪些可以是资源, 哪些可以是所有者)。 例如:在一个OA应用中拟办工作,它是所有单证流程起始点。但不同...
  • 1.1.8 NFS 和 SMB 是最常见的两种 NAS(Network Attached Storage)协议,当把一个文件系统同时通过 NFS 和 SMB 协议共享给多个主机访问时,以下哪些说法是错误的 1.1.9 输入 ping IP 后敲回车,发包前会发生什么?...
  • 4.3.1 有哪些对象统计信息可用 95 4.3.2 收集对象统计信息 108 4.3.3 锁定对象统计信息 123 4.3.4 比较对象统计信息 125 4.3.5 删除对象统计信息 127 4.3.6 保持统计信息时效性策略 129 4.4 通用...
  • 几种常见的方式来标识 DOM 节点: <ul><li>使用 xPath</li><li>使用 CSS Selector 语法</li><li>使用 tagName + index</li></ul> 这里选择了使用第三种方式来快速实现。需要注意一点,我们通过 ...
  • 0103. 二叉树锯齿层次遍历 0113. 路径总和 II 0129. 求根到叶子节点数字之和 0130. 被围绕区域 0131. 分割回文串 0139. 单词拆分 0144. 二叉树前序遍历 0147. 对链表进行插入排序 0150. 逆...
  • C#数据结构

    2013-12-10 11:49:54
    【例1-2】 家族关系是典型的树形结构,图1.2是一个三代的家族关系。在 图中,爷爷、儿子、女儿、孙子、孙女或外孙女是一个结点(在树形结构中,数 据元素称为结点),他们之间是一对多的关系。其中,爷爷两个儿子...
  • wxPython学习手册

    热门讨论 2014-04-19 08:01:58
    12.3.4 预定义颜色名有哪些? 392 12.4 本章小结 392 第三部分 高级wxPython 394 13 建造列表控件并管理项目 395 13.1 建造一个列表控件 395 13.1.1 什么是图标模式? 396 13.1.2 什么是小图标模式? 397 13.1.3 ...
  • 计算机网络1.0.docx

    2020-07-08 17:47:09
    网络拓扑主要类型:星形拓扑、( )、( )、树形拓扑、混合拓扑及网形拓扑。 我答案: 第一空: 总线型拓扑 第二空: 环形拓扑 9 调制解调器按其特性分类人工( )式和自动( )式两类。 我答案: ...

空空如也

空空如也

1 2
收藏数 38
精华内容 15
关键字:

常见的树形有哪些