美文网首页
DOM基础整理 - 1

DOM基础整理 - 1

作者: 我就是个伪程序媛 | 来源:发表于2016-08-15 14:22 被阅读6次

1 通过HTML DOM,可访问JavaScript HTML文档的所有元素。

2 HTML DOM(文档对象模型)

当网页被加载时,浏览器会创建页面的文档对象模型HTML DOM模型被构造为对象的树。

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

JavaScript 能够改变页面中的所有 HTML 元素

JavaScript 能够改变页面中的所有 HTML 属性

JavaScript 能够改变页面中的所有 CSS 样式

JavaScript 能够对页面中的所有事件做出反应

(3) 通过id查找HTML元素

var x=document.getElementById("intro");

(4)通过标签名查找HTML元素

本例查找 id="main" 的元素,然后查找 "main" 中的所有元素:

var x=document.getElementById("main");

var y=x.getElementsByTagName("p");

相关文章

  • DOM基础整理 - 1

    1 通过HTML DOM,可访问JavaScript HTML文档的所有元素。 2 HTML DOM(文档对象模型...

  • DOM基础整理 - 2

    1 输出流 document.write(); 2 改变HTML内容 document.getElementByI...

  • DOM基础整理 - 3

    1 添加节点(HTML元素) 创建新的HTML元素时,必须先创建元素(元素节点),然后向一个已存在的元素追加该元素...

  • Dom基础1

    DOM基础 DOM简介、DOM标准、DOM节点 获取元素的子节点:childNodes、兼容性问题火狐不兼容,可以...

  • DOM基础1

    注意:案例部分代码大部分是选取关键性代码,需要把代码放入对应位置 一、DOM概念 1.JavaScript组成 (...

  • HTML DOM基础解析

    DOM基础知识 1. HTML DOM简介 DOM 是 Document Object Model(文档对象模型)...

  • JavaScript--DOM基础

    JavaScript--DOM基础 一、DOM查找方法 1.document.getElementById()语法...

  • 【JavaScript笔记】JavaScript基础_Dom(1

    这里整理了DOM相关内容。 1.DOM DOM, 全称 Document Object Model 文档 对象 模...

  • jQuery基础(2)

    (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...

  • 19.DOM 进阶

    学习要点: 1.DOM 类型2.DOM 扩展3.DOM 操作内容 DOM 自身存在很多类型,在 DOM 基础课程中...

网友评论

      本文标题:DOM基础整理 - 1

      本文链接:https://www.haomeiwen.com/subject/eqyusttx.html