首页 betway365客服 最新资讯 热门问答

web前端

13082951081 免费试听 在线客服

您的位置: 杭州培训网 > web前端培训资讯 > 杭州Web全栈培训课程:常见DOM树操作解析

杭州Web全栈培训课程:常见DOM树操作解析

来源:教育联展网 | 发布时间: | 编辑:佚名

JavaScript是Web全栈学习的基础,其中DOM树的操作是非常常见的。下面让我们跟随无限互联Web全栈培训中心的老师一起了解一下“常见DOM树操作”。

JavaScript是Web全栈学习的基础,其中DOM树的操作是非常常见的。下面让我们跟随无限互联Web全栈培训中心的老师一起了解一下“常见DOM树操作”。

杭州Web全栈培训课程:常见DOM树操作解析

Web全栈培训课程:常见DOM树操作解析

XML是eXtensible Markup Language的缩写,它是一种可扩展性标识语言, 能够让你自己创造标识,标识你所表示的内容。DOM全称是Document Object Model(文档对象模型),定义了一组与平台和语言无关的接口,以便程序和脚本能够动态访问和修改XML文档内容、结构及样式。XML创建了标识,而 DOM的作用就是告诉程序如何操作和显示这些标识。 实际上XML将数据组织成为一棵树,DOM经过解析XML文档,为XML文档在逻辑上建立一个树模型,树的节点是一个个的对象。这样经过操作这棵树和这些对象就可以完成对XML文档的操作,为处理文档的所有方面提供了一个完美的概念性框架。DOM是基于浏览器编程的一套API接口,W3C出台的推荐标准,每个浏览器都有一些细微的差别,单纯的 Javascript要结合DOM才能做DHTML编程,才能做出漂亮的效果、应用于WEB。因此,必须要对DOM有一定的认识,才能把Javascript应用于WEB,或你的RIA应用当中,因为 DHTML本质上就是操作DOM树。


下图为DOM的结构表示图,这样也许能够帮助我们理解。

杭州Web全栈培训课程:常见DOM树操作解析

DOM树结构表示图

DOM树的根统一为文档根—document,DOM既然是树状结构,那么他们自然有如下的几种关系:

◆根结点(document)

◆父结点(parentNode)

◆子结点(childNodes)

兄弟结点兄弟结点

(sibling)(sibling)

注:跨域除外,跨域通常是在操作frame上,简单的说,就是两个frame不属于同一域名。

DOM树的结构

DOM集合:

document.images 文档中所有图片集合

document.images[0] 等价document.images.item(0) 第1个图片

document.images.length 元素长度

JavaScript获取元素的三种方法:

document.getElementById()

document.getElementByTagName()

document.getElementByClassName()

杭州Web全栈培训课程:常见DOM树操作解析

Web全栈培训课程:常见DOM树操作解析

节点属性:

nodeName

nodeValue

nodeType 值为1-12. 1是元素节点;2是属性;3是文本节点

parentNode

childNode

firstNode

lastNode

previousSibling 前一个兄弟节点

nextSibling 后一个兄弟节点

attributes 属性集合

杭州Web全栈培训课程:常见DOM树操作解析

Web全栈培训课程:常见DOM树操作解析

关于节点操作的方法:

createElement() 创建元素节点

createTextNode() 常见文本节点

createAttribute()创建属性节点

appendChild() 追加子节点

insertBefore() 在指定子节点前插入新子节点

removeChild() 删除子节点

replaceChild() 替换子节点

杭州Web全栈培训课程:常见DOM树操作解析

Web全栈培训课程:常见DOM树操作解析

关于属性操作的方法:

getAttribute(attrName) 获取属性对应的值

setAttribute(attrName,value)

removeAttribute(attrName)

hasAttribute(attrName) 是否有某属性

Web全栈培训机构**无限互联Web全栈培训,Web全栈培训引领者,专注Web全栈培训,用心做靠谱的Web全栈培训机构。


以上就是今天为各位总结的,而你想了解更多,提升你的web前端技术,可咨询我们。

课程咨询

咨询老师:詹老师

咨询电话17706505315

咨询QQ1379180685


杭州Web全栈培训课程:常见DOM树操作解析


相关推荐

机构 班型 费用
开课吧 白天班/晚班/周末班 点击了解
兄弟连教育 白天班/晚班/周末班 点击了解
天眼教育 白天班/晚班/周末班 点击了解
非凡进修学院 白天班/晚班/周末班 点击了解
千锋互联 白天班/晚班/周末班 点击了解
多迪教育 白天班/晚班/周末班 点击了解


热门机构推荐
web前端

免费体验课开班倒计时

11: 41: 09

稍后会有专业老师给您回电,请保持电话畅通

咨询电话:13082951081

本周热门资讯

全国分站 热门机构

北京web前端培训 上海web前端培训 广州web前端培训 深圳web前端培训 杭州web前端培训 苏州web前端培训 南京web前端培训 天津web前端培训 佛山web前端培训 南宁web前端培训 长沙web前端培训 重庆web前端培训 太原web前端培训 青岛web前端培训 宁波web前端培训 郑州web前端培训 西安web前端培训 厦门web前端培训 武汉web前端培训 成都web前端培训 无锡web前端培训 济南web前端培训 昆明web前端培训 贵阳web前端培训 扬州web前端培训 徐州web前端培训 珠海web前端培训 合肥web前端培训 长春web前端培训

深圳中公优就业深圳华清远见教育南京博为峰教育深圳北大青鸟

申请试听名额

已有10254人申请免费试听

01电话咨询 | 13082951081

QQ:1602483374
加盟合作:0755-83654572

今日已有25人申请,本月限额500

Baidu
map