DOM

DOM 是Document Object Model文档对象模型,DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松地访问页面中所有的标准组件。

DOM操作分为3个方面,即DOM Core(核心)、HTML-DOM和CSS-DOM。

1、DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限于处理网页,也可以用来处理任何一种使用

标记语言编写出来的文档,例如XML。

JavaScript中的getElementById()、getElementsByTagName()、getAttribute()和setAttribute()等方法,这些都是DOM Core的组成部分。

例子如下:
使用DOM Core来获取表单对象的方法:
document.getElementsByTagName(“form”);

使用DOM Core来获取某元素的src属性的方法:
element.getAttribute(“src”);

2、HTML DOM是HTML Document Object Model(文档对象模型)的缩写,HTML DOM则是专门适用与HTML/XHTML的文档对象模型。

熟悉软件开发的人员可以将HTML DOM理解为网页的API。它将网页中的各个元素都看作一个个对象,从而使网页中的元素也可以被计算机语言获取或者编辑。

例如Javascript就可以利用HTML DOM动态的修改网页。
例子如下:
使用HTML DOM获取表单对象的方法:document.forms; //HTML DOM 提供了一个forms对象

使用HTML DOM获取某元素的src属性的方法: element.src;

3、CSS DOM

CSS-DOM是针对CSS的操作,主要作用是获取和设置style对象的各种属性。

设置某元素style对象字体颜色的方法:
element.style.color = “red”;

  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值