HTML JS DOM

通过 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 元素

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Android6.0权限控制

      随着android6.0的更新,最大的变化莫过于新的权限控制规则。以前可以直接通过AndroidManifest配置需要的权限。而更新后,为了保证用户隐私的...

    饮水思源为名
  • EditText与仿钉钉的搜索功能

      仿钉钉的通讯录搜索,点击搜索框后,跳页面,直接让输入框获取焦点并且弹出软键盘,当用户输入内容后,点击软键盘上的搜索,隐藏软键盘并且显示列表。 总结需求如下...

    饮水思源为名
  • Andoird开发之SerialPort串口开发

    关于安卓设备上使用串口,谷歌官方在github上有提供代码实例,里面有JNI的代码和串口API的java文件,工程的地址如下: https://github....

    饮水思源为名
  • 学习纲要:HTML 基础概念

    Joel
  • 【前端】初识HTML

    刚开始接触HTML的时候,对一些名词多少会有点疑问。在学习之前,不如先弄清楚它们是什么,以及他们之间的关系。

    Gavin-ZYX
  • HTML是什么?HTML版本发展

     参考链接:http://www.w3cwhy.com/css-html/w3c-html.html

    黑泽君
  • 01.HTML教程/简介/基础

    01.HTML教程/简介/基础 HTML 教程- (HTML5 标准) 超文本标记语言(英语:HyperText Markup Language,简称:HTML...

    Java帮帮
  • 我的HTML总结之HTML发展史

    HTML是Web统一语言,这些容纳在尖括号里的简单标签,构成了如今的Web。 ? 1991年,Tim Berners-Lee编写了一份叫做“HTML标签”的文档...

    柴小智
  • 前端基础-HTML学习概述

    efonfighting
  • 网页|如何制作一个HTML网页

    HTML(Hypertext MarkupLanguage)也叫作超文本标记语言,是一种用来结构化 Web 网页及其内容的标记语言,标准通用标记语言下的一个应用...

    算法与编程之美

扫码关注云+社区

领取腾讯云代金券