Javascript中DOM、节点和获取元素的示例分析

技术Javascript中DOM、节点和获取元素的示例分析这篇文章给大家分享的是有关Javascript中DOM、节点和获取元素的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。DOM文

本文是关于Javascript中DOM、节点和get元素的示例分析。我觉得边肖挺实用的,就分享给大家参考,和边肖一起来看看。

00-1010文档:“d”在DOM中,当创建网页并将其加载到网络浏览器中时,它会将编译后的网页文档转换为文档对象。

对象:“O”在DOM中,对象是一个自给自足的数据集合。与特定对象关联的变量称为该对象的属性,只能通过特定对象调用的函数称为该对象的方法。

模型:的“m”在DOM中,这是某种东西的表达。DOM将文档表示为一个家谱。

DOM

Node :文档由节点组成,节点是文档树上的枝叶。

DOM中有许多不同类型的节点,如元素节点、文本节点和属性节点。

00-1010标记的名称是元素的名称。段落元素的名称为“p”,无序列表元素的名称为“u1”,列表项元素的名称为“1i”。

一个元素可以包含其他元素。在我们的“购物清单”文档中,所有的列表项都包含在一个无序的列表元素中。事实上,其他元素中唯一没有包含的元素是元素,它是我们的节点树的根元素。

00-1010元素节点只是一种节点类型。如果一个文档完全由一些空白元素组成,它就会有一个结构,但是文档本身不会包含任何东西。在内容为王的互联网上,大部分内容都是由文字提供的。例如,p元素中包含的文本是一个文本节点。

在XHTML文档中,文本节点总是包含在元素节点中。但不是所有的元素节点都包含文本节点。

节点

属性节点用于更详细地描述元素。如果几乎所有元素都有一个title属性,我们可以用这个属性来准确描述元素中包含了什么,属性节点总是包含在元素节点中。

00-1010获取元素节点有三种DOM方法,分别通过元素ID、标签名、类名获取。

元素节点:

DOM提供了一个名为getElementById的方法,该方法将返回一个与给定Id属性值的元素节点对应的对象。他说文档对象的函数名后面必须跟一对括号,括号中包含函数的参数。getElementById方法只有一个参数,您想要获取的元素的Id属性值必须放在单引号或双引号中。文档中的每个元素都是一个对象。DOM提供的方法可以得到任何对象。例如:

document . getelementbyid(" buds ")`

文本节点:

getelementsbyname方法返回一个对象数组,每个对象对应于文档中具有给定标记的元素。该方法也只有一个参数,其参数是标记的名称:element.getelementsbytagname(标记)。

但是它返回一个数组,这个数组与getElementById方法有很多相似之处,比如:

document . getelementsbytagname(' Li ');00-1010此方法可以通过类属性中的类名访问元素。GetElementsByClassName只接受一个参数,即类名:

GetElementsByClassName(类)此方法的返回值类似于getElementsByTagName(),它是具有相同类名的元素数组。例如:

document . getelementsbyclassname(' sale ');只要类名在字符串参数中用空格隔开,该方法也可以用于查找具有多个类名的元素。

感谢阅读!我希望这篇关于“Javascript中DOM、节点和Get元素的示例分析”的文章就在这里。

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/65902.html

(0)

相关推荐

  • PG中pg_basebackup多表空间备份恢复方法是什么

    技术PG中pg_basebackup多表空间备份恢复方法是什么这篇文章主要讲解了“PG中pg_basebackup多表空间备份恢复方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一

    攻略 2021年11月10日
  • Java异常的学习心得是什么

    技术Java异常的学习心得是什么这期内容当中小编将会给大家带来有关Java异常的学习心得是什么,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。一. 异常机制异常机制是指当程序出现错误后,

    攻略 2021年10月23日
  • 如何分析SQL Server中的SQL语句优化与效率问题

    技术如何分析SQL Server中的SQL语句优化与效率问题今天就跟大家聊聊有关如何分析SQL Server中的SQL语句优化与效率问题,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这

    攻略 2021年12月1日
  • 黑眼圈,快速去除黑眼圈的好方法有哪些

    技术黑眼圈,快速去除黑眼圈的好方法有哪些黑眼圈的形成原因比较复杂,总体可以按照成因分为以下2类黑眼圈:1、色素沉积型:一般为茶褐色,多由于日晒、不恰当的化妆和卸妆等导致的皮肤色素沉着。解决对策上应以减少色素沉积、促进黑色

    生活 2021年10月20日
  • 在家里挣钱的办法,2020年能在家挣钱的方法

    技术在家里挣钱的办法,2020年能在家挣钱的方法1/6 开网店。全职妈妈在家赚钱可以采用开网店的方式。假如你有资金在家里挣钱的办法,假如你有做生意的头脑,不如去开一个网店吧,利用自己的空余时间去网店上赚点零花钱,还是很

    生活 2021年10月28日
  • c语言如何查询结构体中的数据(数据结构的链表怎么连接c语言)

    技术如何进行数据结构C语言链表的实现这篇文章将为大家详细讲解有关如何进行数据结构C语言链表的实现,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。前言需要用到的函数库#inc

    攻略 2021年12月18日