博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
w3c 学习html DOM
阅读量:5019 次
发布时间:2019-06-12

本文共 2018 字,大约阅读时间需要 6 分钟。

什么是DOM?DOM是W3C标准,定义了访问HTML 和 XML文档的标准W3C 文档对象模型(DOM)是中立于平台和语言接口,它允许程序动态的访问和更新文档的内容、结构和样式。W3C DOM 由3个部分组成:核心 DOM :针对任何结构化文档的标准模型XML DOM:针对XML的标准模型HTML DOM:针对HTML文档的标准模型DOM 是 document object model(文档对象模型)的缩写什么是XML DOM?XML DOM 定义所有XML元素的对象和属性,以及访问它们的方法什么是HTML DOM?HTML DOM 定义了所有HTML元素的对象和属性,以及访问它们的方法在HTML DOM中,所有事物都是节点,DOM 是被视为节点树的HTMLDOM节点;整个文档是一个文档节点每个HTML元素是元素节点HTML元素内的文本是文本节点每个HTML属性是属性节点注释是注释节点在节点树中,最顶端节点称为根节点(在html中指html元素)每个节点都有父节点,除了根节点一个节点可以拥有任意数量的子同胞是拥有相同父节点的节点DOM方法:所有的HTML元素被定义为对象方式我们可以在节点上执行的操作属性是能够获取或访问的值getElementById()					返回带有指定ID的元素getElementsByTagName()				返回包含带有指定标签名称(例如p标签)的所有元素的节点列表(节点数组)getElementsByClassName()			返回包含带有指定类名的所有元素的节点列表(在IE5,6,7,8中 无效)appendChild(node)					添加新元素(子节点),首先必须要创建元素,把它追加到已有的元素上removeChild(node)					删除子节点(元素),必须清楚该元素的父元素。parent.removeChild(node)replaceChild() 						替换子节点,也是需要清楚元素的父元素, parent.replaceChild(新元素,旧元素)insertBefore()						在指定的子节点前面插入新的子节点,父元素.insertBefore(新元素,这个子元素前面)createAttribute()					创建属性节点createElement()						创建元素节点createTextNode() 					创建文本节点getAttribute() 						返回指定的属性值setAttribute() 						把指定属性设置或修改为指定的值DOM属性:属性是节点的值,能够获取和设置innerHTML							节点(元素)的文本值、获取和替换,改变元素内容nodeName							规定节点的名称(只读的)nodeName 是只读的元素节点的 nodeName 与标签名相同属性节点的 nodeName 与属性名相同文本节点的 nodeName 始终是 #text文档节点的 nodeName 始终是 #documentnodeValue							规定节点的值(元素节点的nodeValue是undefined 或 null)元素节点的 nodeValue 是 undefined 或 null文本节点的 nodeValue 是文本本身属性节点的 nodeValue 是属性值nodeType							返回节点的类型,nodeType是只读的元素类型			nodeType元素 				1属性 				2文本 				3注释 				8文档 				9parentNode							节点(元素)的父节点childNodes							节点(元素)的子节点attributes							节点(元素)的属性节点firstChild 							返回文档的首个子节点lastChild 							返回文档的最后一个子节点DOM根节点:document.documentElement 			全部文档document.body 						文档的主体改变HTML样式节点对象.style.color = "blue";DOM 事件:onload 和 onunload 事件用户进入和离开页面时,会出发 onload 和 onunload事件onload事件可用于检查访客的浏览器类型和版本,以便基于这些信息来加载不同的版本的网页onchange 			改变内容事件,输入字段的验证onmouseover			鼠标指针移动到元素onmouserout 		鼠标指针离开元素onmousedown 		鼠标指针被按下onmouseup 			鼠标按钮被松开onclick 			鼠标点击事件

  

转载于:https://www.cnblogs.com/geek12/p/4552736.html

你可能感兴趣的文章
IOS 开发调用打电话,发短信
查看>>
flask基础
查看>>
Vue-Router路由Vue-CLI脚手架和模块化开发 之 在单文件组件项目中定义数据、方法和组件之间的相互引用...
查看>>
《学习之道》第八章“改造自己”,回避拖延
查看>>
linux 配置网卡
查看>>
github本地文件Push到仓库
查看>>
第三章上机实践
查看>>
PHP一个for循环输出9*9乘法表
查看>>
js的ajax请求相关
查看>>
day16 模块导入及环境变量
查看>>
hadoop 结构的变化
查看>>
CI 框架中的日志处理 以及 404异常处理
查看>>
Yii model rules使用
查看>>
contentProvider
查看>>
英语----名词性从句的混合练习(下)
查看>>
Spring声明式事务管理
查看>>
HTTP Error 403.14 - Forbidden Web 服务器被配置为不列出此目录的内容问题的处理
查看>>
数据库事务
查看>>
shell脚本命令 运行python文件&python命令行运行python代码
查看>>
机房测试8.17
查看>>