DOM(document object model)是文档对象模型的简称。与BOM不同,DOM只关注浏览器所载入的文档。DOM把HTML文档看成由元素、属性和文本组成的一棵倒立的树。同时DOM可以把HTML中的元素、属性和文本看成一个节点。
节点的特征:
(1)整个HTML文档是一个文档节点。
(2)每个HTML标签是一个元素节点。
(3)包含在HTML元素中的文本是文本节点。
(4)每个HTML属性是一个属性节点。
(5)注释为注释节点。

//此中title元素节点的父节点为元素节点head,子节点为文本节点“节点关系”。
<html><head><meta charset="utf-8"><title>节点关系</title></head><body><p>hello world</p></body>
</html>

documentd对象的常用属性
1.bgColor
设置文档页面的背景色。

//语法结构:
//document.bgColor
<body><script type="text/javascript">document.bgColor = "orange";</script>
</body>

2.fgColor
设置文档字体的颜色。

//语法结构:
//document.fgColor
<body><script type="text/javascript">document.fgColor = "blue";</script>
</body>

3.title
设置页面标题。

//语法结构:
//document.title
<body><script type="text/javascript">document.title = "hello world";</script>
</body>

JavaScript 文档对象模型(DOM)(bgColor、fgColor、title)相关推荐

  1. XML 文档对象模型 (DOM)细说

    XML 文档对象模型 (DOM) 类是 XML 文档的内存中表示形式. DOM 使您能够以编程方式读取.处理和修改 XML 文档. XmlReader 类也读取 XML,但它提供非缓存的只进.只读访问 ...

  2. html文档中怎么区分节点对象节点类型,JavaScript文档对象模型-Element类型

    除了Document类型之外,Element类型是JavaScript编程中最常使用的类型.Element类型常用于表现HTML或XML元素,提供对元素标签名.子节点及特性的访问. Element节点 ...

  3. JavaScript文档对象模型获取body元素对象和获取Html元素对象(3)

    1.获取body元素对象和获取Html元素对象 代码如下: <!DOCTYPE html> <html><head><meta charset="u ...

  4. JavaScript文档对象模型概述(1)

    1.DOM的核心操作是查看节点.创建节点.增加节点.删除节点.以及替换节点. 节点的特点如下: (1.)整个文档是一个文档节点 (2.)每个Html标签是一个元素节点 (3.)包含在Html元素中的文 ...

  5. DOM(文档对象模型)

    文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法. DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码: 将HT ...

  6. Java中如何引用文档对象模型_在JAVA中使用文档对象模型DOM经验小结

    文档对象模型 (DOM) 是一个文档标准,对于完备的文档和复杂的应用程序,DOM 提供了大量灵活性.DOM标准是标准的.它很强壮且完整,并且有许多实现.这是许多大型安装的决定因素--特别是对产品应用程 ...

  7. html中js方法中如何传递本元素对象,JS HTML DOM (文档对象模型)

    DOM简介 当网页加载时,浏览器会创建页面的文档对象模型(DOM).通过DOM,JS可以对HTML实现以下操作: 改变页面中的所有HTML元素. 改变页面中的所有HTML属性. 改变页面中的所有CSS ...

  8. dom文档对象手册_编程小白网页学习笔记之文档对象模型(DOM)

    经过一周的学习,我这个前端小白对网页的学习,又有了新的进展,这不过来跟大家分享我的心得了.这次要分享的,主要就是我的学习的途径.上次很随意地开始了一个网页代码的初印象,还记得上次写的那几行小代码嘛,那 ...

  9. 二、JavaScript语言--JS基础--JavaScript进阶篇--DOM对象 控制HTML元素

    1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面 ...

最新文章

  1. FTP匿名登录或弱口令漏洞及服务加固
  2. easyUI menu动态添加
  3. SQL Compare
  4. BZOJ 1859 Luogu P2589 [ZJOI2006]碗的叠放 (计算几何)
  5. HDU4324(强连通的Tarjan算法)
  6. 实验-网页动画(js版)
  7. [react] 在React中怎么将参数传递给事件?
  8. 【机器学习】高斯过程python包安装过程
  9. Python_socketserver
  10. 求正整数的阶乘 c语言,求10000的阶乘(c语言代码实现)
  11. SAP License:SAP系统上线后的预收款处理
  12. SteveY对Amazon和Google平台的吐槽
  13. 基于R-Net、QA-Net和BiDAF实现中文观点型问题机器阅读理解
  14. activiti并行网关
  15. 微信小程序地图polygons自己标点,三个点以上连成面
  16. 欠采样dMRI图像矩阵的低秩稀疏分解
  17. OSChina 周三乱弹 —— 你们谁给我把盖扣上
  18. 浅层神经网络python代码
  19. vue实例的watch选项
  20. 深度强化学习落地方法论(5)——状态空间篇

热门文章

  1. eBPF-3-profile的源码解析
  2. 全球快递查询-全国快递物流查询-顺丰快递-国内外1500+快递接口-物流信息追踪接口
  3. 通过虚拟机openwrt上网_vmware 12中安装 OpenWRT 及 网络配置
  4. 王道操作系统___第三章01
  5. 系统管理员设置了系统策略,禁止进行此项安装
  6. 《Bag of Tricks for Node Classification with Graph Neural Networks》阅读笔记
  7. 对android中Zygote的理解
  8. 简记_如何使用立创商城的原理图符号及封装
  9. 全球十大外汇黄金交易平台排名2020版
  10. 深信服防火墙多出口的方法