位置: 编程技术 - 正文

在javascript中对于DOM的加强(javascript的对象主要包括)

编辑:rootadmin

一、DOM

DOM: DOM= Document Object Model,文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说,这是表示和处理一个HTML或XML文档的常用方法。有一点很重要,DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言.D:文档 ? html 文档 或 xml 文档O:对象 ? document 对象的属性和方法M:模型DOM 是针对xml(html)的基于树的API。DOM树:节点(node)的层次。DOM 把一个文档表示为一棵家谱树(父,子,兄弟)DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面

二、DOM的结构

三、节点

根据 DOM,HTML 文档中的每个成分都是一个节点。DOM 是这样规定的:整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点

四、Node 层次

节点彼此都有等级关系。HTML 文档中的所有节点组成了一个文档树(或节点树)。HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点,并由此继续伸出枝条,直到处于这棵树最低级别的所有文本节点为止。

五、节点及其类型

节点 * 由结构图中我们可以看到,整个文档就是一个文档节点。 * 而每一个HMTL标签都是一个元素节点。 * 标签中的文字则是文本节点。 * 标签的属性是属性节点。 * 一切都是节点……

节点树 节点树的概念从图中一目了然,最上面的就是“树根”了。节点之间有父子关系,祖先与子孙关系,兄妹关系。这些关系从图中也很好看出来,直接连线的就是父子关系了。而有一个父亲的就是兄妹关系……

六、查找并访问节点

你可通过若干种方法来查找您希望操作的元素:通过使用 getElementById() 和 getElementsByTagName() 方法 通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性

七、查找元素节点

getElementById() 寻找一个有着给定 id 属性值的元素,返回值是一个有着给定 id 属性值的元素节点。如果不存在这样的元素,它返回 null.var oElement = document.getElementById ( sID ) 该方法只能用于 document 对象

<input type="text" value="国庆周年" id="tid"> function test(){ var usernameElement=document.getElementById(“tid"); //获取元素的值 alert("usernameElement.value: "+usernameElement.value) //获取元素的类型 alert("usernameElement.type: "+usernameElement.type)}

getElementsByName()寻找有着给定name属性的所有元素,这个方法将返回一个节点集合,这个集合可以当作一个数组来处理。这个集合的 length 属性等于当前文档里有着给定name属性的所有元素的总个数。

<form name="form1"> <input type="text" name="tname" value="国庆年_1" /><br> <input type="text" name="tname" value="国庆年_2" /><br> <input type="text" name="tname" value="国庆年_3" /><br> <input type="button" name="ok" value="保存" id="ok" onclick="test();"> </form> function test(){ var tnameArray=document.getElementsByName("tname"); alert(tnameArray.length); for(var i=0;i<tnameArray.length;i++){ window.alert(tnameArray[i].value); } }

在上面的HTML代码中,第一个 <td> 是 <tr> 元素的首个子元素(firstChild),而最后一个 <td> 是 <tr>元素的最后一个子元素(lastChild)。此外,<tr> 是每个 <td>元 素的父节点(parentNode)。

var selectElements=document.getElementsByTagName("select"); alert(selectElements[0].hasChildNodes())var inputElements=document.getElementsByTagName("input");for(var i=0;i<inputElements.length;i++){ alert(inputElements[i].hasChildNodes());}

十、根节点

有两种特殊的文档属性可用来访问根节点:document.documentElement document.body 第一个属性可返回存在于 XML 以及 HTML 文档中的文档根节点。第二个属性是对 HTML 页面的特殊扩展,提供了对 <body> 标签的直接访问。

十一、DOM节点信息

每个节点都拥有包含着关于节点某些信息的属性。这些属性是:nodeName(节点名称)

nodeName 属性含有某个节点的名称。var name = node.nodeName;元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 注释:nodeName 所包含的 html 元素的标签名称永远是大写的

nodeValue(节点值)

nodeValue:返回给定节点的当前值(字符串) 如果给定节点是一个属性节点,返回值是这个属性的值。 如果给定节点是一个文本节点,返回值是这个文本节点的内容。 如果给定节点是一个元素节点,返回值是 null nodeValue 是一个 读/写 属性,但不能对元素节点的 nodeValue 属性设置值, 但可以为文本节点的 nodeValue 属性设置一个值。 var li = document.getElementById(“li”); if(li.firstChild.nodeType == 3) li.firstChild.nodeValue = “国庆年”;nodeType(节点类型)

nodeType:返回一个整数,这个数值代表着给定节点的类型。nodeType 属性返回的整数值对应着 种节点类型,常用的有三种:Node.ELEMENT_NODE ---1 -- 元素节点Node.ATTRIBUTE_NODE ---2 -- 属性节点Node.TEXT_NODE ---3 -- 文本节点nodeType 是个只读属性

推荐整理分享在javascript中对于DOM的加强(javascript的对象主要包括),希望有所帮助,仅作参考,欢迎阅读内容。

在javascript中对于DOM的加强(javascript的对象主要包括)

文章相关热门搜索词:js里面的对象,在JavaScript中对函数类型对象类型变量,在javascript中对数组元素进行排序,javascript对象有什么用,javascript对象有什么用,在javascript中对象包含以下哪些要素,在JavaScript中对函数类型对象类型,在javascript中对数组元素进行排序,内容如对您有帮助,希望把文章链接给更多的朋友!

javascript标签在页面中的位置探讨 在制作网页的过程中,我们经常写类似下面的代码:[html]htmlheadtitleExampleHTMLPage/titlescripttype="text/javascript"src="example1.js"/scriptscripttype="text/javascript"src="exampl

JavaScript在XHTML中的用法详解 编写XHTML代码的规则要比编写HTML要严格得多,类似下面的代码在HTML中是有效的,但在XHTML中则是无效的。[javascript]scripttype="text/javascript"functioncompare(a,b){i

Js中setTimeout()和setInterval() 何时被调用执行的用法 定义setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定

标签: javascript的对象主要包括

本文链接地址:https://www.jiuchutong.com/biancheng/377659.html 转载请保留说明!

上一篇:在javascript中关于节点内容加强(在javascript中关于alert confirm)

下一篇:javascript标签在页面中的位置探讨(js设置标签内容)

  • 增值税附征怎么计算
  • 税负率的计算方法有哪些
  • 小微企业增值税减免政策
  • 公司交房租没有开票能记账?
  • 金蝶美金账户怎么开
  • 员工垫资报销记账
  • 酒店开办费
  • 利润表中的其他业务利润包括哪些
  • 公司为个人租房是否缴纳个税
  • 小规模纳税人开普票要交税吗
  • 驾校挂靠车辆账务处理?
  • 股权转让 分期付款
  • 会计人员必备的知识和技能
  • 一般纳税人小型微利企业印花税
  • 小规模纳税人计提增值税账务处理
  • 钢板租赁费用
  • 通用日记账核算方法
  • 企业借款利息税前扣除怎么算
  • 无法取得发票的预付账款如何处理
  • 公司基本账户冻结怎么办
  • 委托加工业务流程图
  • 进项大于销额如何处理账务处理?
  • 原材料到半成品分录
  • 宝塔linux面板怎么安装
  • win11前面板耳机没声音
  • WIN10专业版永久激活
  • 网吧登录qq安全吗
  • 公司借法人的钱超过一年
  • 超市赠送消费券怎么用
  • sistray.exe - sistray是什么进程 有什么用
  • php current
  • 税收滞纳金可以抵税吗
  • 内部审计类型分为哪几种
  • nerf 怎么瞄准
  • php 动态调用类方法
  • vue带参数跳转到详情页面
  • thinkphp excel
  • php跳转微信支付
  • 2023跨年烟花链接
  • php支付宝和微信在线支付
  • 其他综合收益转入留存收益还是投资收益
  • 外购产品的会计分录
  • 结转成本的会计科目
  • wordpress主题安装好后怎么设置
  • mongodb怎么导入文件
  • 零申报一定要有员工吗
  • 财务负责人需要承担什么风险
  • access speed
  • 固定资产处置的账务处理 终于搞明白了!
  • 怎么打印银行对账单
  • 固定资产清理借方登记的项目
  • 三方协议代付的钱在哪里
  • 建行e信通贴现高不高
  • 以货物抵债的会计分录
  • 货款去零头分录
  • 存货的盘盈
  • 供货方代垫运费计入什么科目
  • 纳税人的收入总额是什么
  • 结转完工入库产品成本
  • 会计软件什么范围分为单用户和多用户呢
  • mysql 索引 语句
  • mysql2002解决办法
  • xp系统内存不能为read的解决方法
  • .fs是什么格式
  • 微软十周年
  • edge新版浏览器
  • win7系统360浏览器崩溃
  • cs1.6 linux
  • linux系统如何禁用光驱
  • win7 u盘启动按哪个键
  • vue条形码
  • opencv是干嘛用的
  • Vuforia unity3d 发布 eclipse工程
  • Javascript this 函数深入详解
  • js拖拽效果
  • jquery 动态添加列表元素
  • 置顶聊天折叠怎么开启
  • 律师提成怎么计算出来的
  • 医保电子凭证怎么激活
  • 在发票软件里开出发票第二天打印可以么?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设