雅乐网

计算机技术、学习成长

编程 » Web » javascript DOM编程入门

javascript DOM编程入门

DOM是什么?

我们先看看W3C对它的定义

DOM是一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和样式。

其实DOM是一套对文档的内容进行抽象和概念化的方法,它提供了一组应用编程接口。它不一定要用javascript来使用,虽然javascript最为方便和常用。

DOM不仅仅可以用于网页,但是本文只涉及网页文档。

DOM中的“D”指的是document ,当浏览器加载一个网页后,就会创建一个DOM,将网页文档转换为一个文档对象。

DOM中的“O”指的是object,document对象的主要功能就是处理网页的内容。

DOM中的“M”指的是model(模型),DOM代表着当前的网页,它把当前网页模型表示为一棵树的结构

ct_htmltree

节点

DOM中有许多不同类型的节点。

最基础的就是元素节点,例如p节点和ul节点。

而有些元素节点的内容就是内容节点,例如<p></p>之间的内容

元素的属性又是属性节点。

获取元素的方法

可以通过id 名 class名 或者标签名。

getElementById 通过id获取

document.getElementById(“id”)

返回document里id为”id”的对象。

getElementByClassName 通过类名获取

返回值是一个对象数组,包含所有该类名。

getElementByTagName 通过标签名获取

同样的,返回对象数组。

获取和设置属性

获取属性 getAttribute

object.getAttribute(属性名)

设置属性 setAttribute

object.setAttribute(属性名, 值)

 

如果文章对你有帮助,欢迎点赞或打赏(金额不限)。你的打赏将全部用于支付网站服务器费用和提高网站文章质量,谢谢支持。

版权声明:

本文由 原创,商业转载请联系作者获得授权。
非商业转载请注明作者 雅乐网 ,并附带本文链接:
http://www.yalewoo.com/javascript-dom_get_started.html

上一篇:

下一篇:

我要评论

验证码*: 0 + 2 =