HTML JS DOM

作者: 饮水思源为名 | 来源:发表于2018-08-06 17:15 被阅读9次

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

HTML DOM (文档对象模型)

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

HTML DOM 树

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

  • JavaScript 能够改变页面中的所有 HTML 元素
  • JavaScript 能够改变页面中的所有 HTML 属性
  • JavaScript 能够改变页面中的所有 CSS 样式
  • JavaScript 能够对页面中的所有事件做出反应
  • 通过 id 找到 HTML 元素var x=document.getElementById("intro");
  • 通过标签名找到 HTML 元素(先查找 id="main" 的元素,然后查找 "main" 中的所有 <p> 元素)
var x=document.getElementById("main");
var y=x.getElementByTagName("p");
  • 通过类名找到 HTML 元素

相关文章

  • canvas画时钟

    html: js: var dom = $("#clock"); var ctx = dom[0].getCont...

  • web自动化_dom

    js不能直接操作html元素,比如要修改元素的样式,需要通过dom对象操作html元素js ->dom对象->调用...

  • 前端发展历史

    1.js操作html 利用原生的javascript (js包括ECMAscript BOM DOM)的DOM操作...

  • 学习笔记-js-2017.2.24

    JS HTML DOM 一、HTML DOM (文档对象模型) JavaScript 能够改变页面中的所有 HTM...

  • reactjs 基础概念

    JSX - 使用 HTML 语法写的代码可以被转为 JS 对象 Virtual DOM - 实际 DOM 的 JS...

  • DOM

    DOM 简介:DOM,全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档...

  • JavaScript的Dom介绍

    一、DOM -DOM,全称Document Object Model文档对象模型-js中通过DOM来对HTMl文档...

  • html基础 持续更新

    html js 基础 js 常见获取dom对象的方法 getElementById() getElementByN...

  • 1 - 获取元素的选择器API

    英语单词 advanced 高级 js组成 DOM BOM ECMAScript DOM: 操作HTML, CSS...

  • HTML JS DOM

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

网友评论

    本文标题:HTML JS DOM

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