分享更有价值
被信任是一种快乐

JavaScript HTML DOM导航怎么使用

文章页正文上

这篇文章主要介绍“JavaScript HTML DOM导航怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript HTML DOM导航怎么使用”文章能帮助大家解决问题。通过 HTML DOM,您能够使用节点关系来导航节点树。根据 W3C HTML DOM 标准,HTML 文档中的所有事物都是节点:整个文档是文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点所有注释是注释节点

有了 HTML DOM,节点树中的所有节点都能通过 JavaScript 访问。能够创建新节点,还可以修改和删除所有节点。节点树中的节点彼此之间有一定的等级关系。术语(父、子和同胞,parent、child和sibling)用于描述这些关系在节点树中,顶端节点被称为根(根节点)每个节点都有父节点,除了根(根节点没有父节点)节点能够拥有一定数量的子同胞(兄弟或姐妹)指的是拥有相同父的节点eg:Helloworld!
-有一个子:”Helloworld!”
-是同胞通过 JavaScript,您可以使用以下节点属性节点之间导航:parentNodechildNodes[nodenumber]firstChildlastChildnextSiblingpreviousSiblingDOM 处理中的一种常见错误是认为元素节点中包含文本。实例:(上面例子中的)元素节点它包含了值为 “DOM 教程” 的文本节点。文本节点的值能够通过节点的 innerHTML 属性进行访问:访问 innerHTML 属性等同于访问首个子节点的 nodeValue:也可以这样访问第一个子节点:以下三个例子取回元素中:实例 1Hello!实例 2Hello!实例 3Hello!我们使用 innerHTML 取回 HTML 元素的内容。有两个特殊属性允许访问完整文档:document.body – 文档的 body
document.documentElement – 完整文档
实例HelloWorld!DOM很有用!本例演示document.body属性。
实例HelloWorld!DOM很有用!本例演示document.documentElement属性。
nodeName 属性规定节点的名称。nodeName是只读的元素节点的 nodeName等同于标签名属性节点的 nodeName是属性的名称文本节点的 nodeName 总是 #text文档节点的 nodeName 总是 #document
实例:Hello!返回H1
注释
nodeName 总是包含 HTML 元素的大写标签名。nodeValue 属性规定节点的值。元素节点的 nodeValue 是 undefined文本节点的 nodeValue 是文本文本属性节点的 nodeValue 是属性值nodeTy免费云主机、域名pe 属性返回**节点的类型。**nodeType 是只读的。实例Hello!返回1
最重要的 nodeType 属性是:
Type 2 在 HTML DOM 中已弃用。XML DOM 中未弃用。关于“JavaScript HTML DOM导航怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注云技术行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: 苹果M1中怎么安装nodeJS

这篇“苹果M1中怎么安装nodeJS”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“苹果M1中怎么安装nodeJS”文章吧。 Homebrew是M…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册