资讯专栏INFORMATION COLUMN

了解一下JavaScript中的DOM编程

PiscesYE / 2124人阅读

摘要:同时提供了对象表示,就是将页面中每一个元素解析为一个对象。表示,就是中表示各个对象之间的关系。的标准由于的标准规范是由组织起草并定义的,所以对的定义时目前最权威的解释。简单来说,节点作为树结构中的连接点,最终构成了完整的树结构。

如何在HTML中使用JavaScript 引入位置 在元素内部

通过添加window.onload事件解决这个问题。

在元素内部

节点是什么

节点(Node)原本是网络术语,表示网络中的连接点。一个网络是由一些节点构成的集合。
在DOM树结构中,节点也是很重要额一个概念。简单来说,节点作为DOM树结构中的连接点,最终构成了完整的DOM树结构。

节点之间的关系

DOM中的M标识Model(模型),也可以用来表示DOM节点树结构中节点之间的关系。
在DOM节点树结构中,主要具有以下三层关系:
1.父级与子级:如果将HTML页面中某一个袁旭作为父级的话,那包含在该元素内的第一层所有元素都可以成为该元素的子级。
2.祖先与后代:如果将HTML页面中的某一个元素作为祖先的话,那包含在该元素内的所有元素(除子级之外的)都可以成为该元素的后代。
3.兄弟关系:具有相同父级元素的两个或几个元素之间就是兄弟关系。
DOM访问和更新HTML页面中的内容,主要依靠DOM节点树结构中的以上三种节点关系完成。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97112.html

相关文章

  • 前端练级攻略(第二部分)

    摘要:是文档的一种表示结构。这些任务大部分都是基于它。这个实践的重点是把你在前端练级攻略第部分中学到的一些东西和结合起来。一旦你进入框架部分,你将更好地理解并使用它们。到目前为止,你一直在使用进行操作。它是在前端系统像今天这样复杂之前编写的。 本文是 前端练级攻略 第二部分,第一部分请看下面: 前端练级攻略(第一部分) 在第二部分,我们将重点学习 JavaScript 作为一种独立的语言,如...

    BWrong 评论0 收藏0
  • 【译】前端练级攻略

    摘要:由于系统变得越来越复杂,人们提出了称为预处理器和后处理器的工具来管理复杂性。后处理器在由预处理器手写或编译后对应用更改。我之前建议的文章,,也涵盖了预处理器相关的知识。 译者:前端小智 原文:medium.freecodecamp.org/from-zero-t… medium.freecodecamp.org/from-zero-t… 我记得我刚开始学习前端开发的时候。我看到了很多文章及...

    wuyumin 评论0 收藏0
  • 程序员练级攻略(2018):前端基础和底层原理

    摘要:下面我们从前端基础和底层原理开始讲起。对于和这三个对应于矢量图位图和图的渲染来说,给前端开发带来了重武器,很多小游戏也因此蓬勃发展。这篇文章受众之大,后来被人重新整理并发布为,其中还包括中文版。 showImg(https://segmentfault.com/img/bVbjM5r?w=1142&h=640); 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 这...

    widuu 评论0 收藏0
  • JavaScript 函数式编程到底是个啥

    摘要:函数是一等公民。其实闭包本身也是函数式编程的一个应用。劣势不能算是严格意义上的函数式语言,很多函数式编程的特性并没有。 随着大前端时代的到来,在产品开发过程中,前端所占业务比重越来越大、交互越来越重。传统的老夫拿起JQuery就是一把梭应付当下重交互页面已经十分乏力。于是乎有了Angular,React,Vue这些现代框架。 但随之而来的还有大量的新知识新名词,如MVC,MVVM,Fl...

    denson 评论0 收藏0

发表评论

0条评论

PiscesYE

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<