import './assets/css/style.css'; const app = document.getElementById('app'); app.innerHTML = '<h1>JavaScript DOM</h1>'; // <html> console.log(document ...
分类:
Web程序 时间:
2020-03-17 08:10:29
阅读次数:
66
1.DOM 简介 文档对象模型(Document Object Model 简称DOM) 是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。 W3C已经定义了一系列的DOM接口 通过这些DOM接口可以改变网页的内容 结构和样式。 1.1 DOM树结构 文档:一个页面就是文档 ...
分类:
编程语言 时间:
2020-03-15 22:18:52
阅读次数:
66
原文章:https://wangdoc.com/javascript/index.html DOM 概述 DOM DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚 ...
分类:
编程语言 时间:
2020-03-15 19:11:54
阅读次数:
73
DOM 概念 所谓DOM,其实就是 Document Object Model文档对象模型,毫无疑问,这个东西是让我们去操作对象的,那什么是对象呢?其实就是文档的对象。,在文档中一切皆为对象,比如html,body, p,div等等这些都是文档的对象。通过操作这些对象我们可以对这些文档对象进行有趣的 ...
分类:
编程语言 时间:
2020-03-08 16:05:57
阅读次数:
70
DOM查询 - 通过具体的元素节点来查询 - 元素.getElementsByTagName() - 通过标签名查询当前元素的指定后代元素,返回数组 - 元素.childNodes - 获取当前元素的所有子节点 - 会获取到空白的文本子节点 - 元素.children - 获取当前元素的所有子元素 ...
分类:
编程语言 时间:
2020-02-28 12:05:14
阅读次数:
266
第2章 第20页 += var year = 2010; var message = "The year is"; message += year; message += year 等同于 message = message + year += 相加之后再赋值 -= 相加之后再赋值 *= 相乘之后再 ...
分类:
编程语言 时间:
2020-02-21 14:26:24
阅读次数:
78
## DOM * 概念:Document Object Model 文档对象模型 * 将标记语言文档的各个部分,封装为对象,可以使用这些对象,对标记语言文档进行CRUD的动态操作 * W3C DOM 标准被分为3个不同的部分: 核心 DOM:针对任何结构化文档的标准模型 * Document:文档对 ...
分类:
编程语言 时间:
2020-02-19 00:33:22
阅读次数:
98
将HTML代码分解为DOM节点层次图 DOM节点有: 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性,如<a>标签的链接属性hre ...
分类:
编程语言 时间:
2020-02-06 10:25:24
阅读次数:
77
JavaScript(2) DOM详解 一、DOM概念 什么是DOM DOM全称为文本对象模型(Document Object Model),它定义了所有HTML元素的对象和属性,以及访问他们的方法。它的主要作用包括: 改变HTML 元素 , 改变HTML属性 , 改变CSS 样式 , 对页面中的所 ...
分类:
编程语言 时间:
2020-01-31 00:52:03
阅读次数:
87
DOM (Document Object Model,文档对象模型) HTML DOM 定义了访问和操作 HTML 文档的标准方法 DOM 以树结构表达 HTML 文档 通过 HTML DOM,JavaScript 能够访问和改变 HTML 文档的所有元素 通过这个对象模型,JavaScript 获 ...
分类:
编程语言 时间:
2020-01-27 12:31:45
阅读次数:
91