JavaScript的DOM对象

Posted JohnEricCheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript的DOM对象相关的知识,希望对你有一定的参考价值。

html DOM (文档对象模型)

当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。

HTML DOM 模型被构造为对象的树。

HTML DOM 树

技术分享图片

通过可编程的对象模型,javascript 获得了足够的能力来创建动态的 HTML。

  • JavaScript 能够改变页面中的所有 HTML 元素
  • JavaScript 能够改变页面中的所有 HTML 属性
  • JavaScript 能够改变页面中的所有 CSS 样式
  • JavaScript 能够对页面中的所有事件做出反应

查找 HTML 元素

通常,通过 JavaScript,您需要操作 HTML 元素。

为了做到这件事情,您必须首先找到该元素。有三种方法来做这件事:

  • 通过 id 找到 HTML 元素
  • 通过标签名找到 HTML 元素
  • 通过类名找到 HTML 元素

改变 HTML 内容

修改 HTML 内容的最简单的方法时使用 innerHTML 属性。

如需改变 HTML 元素的内容,请使用这个语法:

 1 document.getElementById(id).innerHTML=new HTML 

改变 HTML 属性

如需改变 HTML 元素的属性,请使用这个语法:

注:attribute表示 属性的名字。

 1 document.getElementById(id).attribute=new value 

 

以上是关于JavaScript的DOM对象的主要内容,如果未能解决你的问题,请参考以下文章

BOM和DOM

JavaScrip对象

JavaScript对象--------------你又知道那些

JavaScrip和Java一样吗?

???JavaScript DOM ???????????? ??? 2 ??????

JavaScript日常学习1