Javascript中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元素的示例分析”的文章就在这里。