分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

HTML DOM

发布时间:2023-09-06 01:10责任编辑:顾先生关键词:HTMLDOM

1. 介绍

1.1 DOM概念

  说明:DOM全称 Document Object Model,即文档对象模型。将文档抽象成一个树型结构,文档中的标签、标签属性或标签内容可以表示为树上的结点。

1.2 DOM分类

  W3C DOM 标准被分为 3 个不同的部分:

  • 核心 DOM - 针对任何结构化文档的标准模型
  • XML DOM - 针对 XML 文档的标准模型
  • HTML DOM - 针对 HTML 文档的标准模型

1.3 HTML DOM

  HTML DOM 定义了访问和操作 HTML 文档的标准。HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。

1.4 HTML DOM树

2. HTML DOM 节点属性

2.1 innerHTML:以HTML代码格式获取或设置节点的内容

  以HTML格式赋值给innerHTML属性时,会以HTML的形式呈现。比如:node.innerHTML="<input type=‘button‘ value=‘按钮‘ />" 将会显示一个按钮。

2.2 innerText:获取或设置节点的文本内容

  以文本字符串的形式获取或设置节点的内容。

2.3 nodeName:获取节点名称,只读属性

  • 元素节点的 nodeName 与标签名相同(标签名大写)
  • 属性节点的 nodeName 与属性名相同
  • 文本节点的 nodeName 始终是 #text
  • 文档节点的 nodeName 始终是 #document

2.4 nodeValue:获取或设置节点的值

  • 元素节点和文档节点的 nodeValue 是 undefined 或 null,只读
  • 文本节点的 nodeValue 是文本本身
  • 属性节点的 nodeValue 是属性值

2.5 nodeType:返回节点类型,只读属性

  

3. HTML DOM 访问

  • getElementById(id) :获取指定ID的元素,如果没有指定的ID,返回undefined。
  • getElementsByName(name) :返回一个包含指定name名称的的元素集合。
  • getElementsByClassName(className) :返回一个包含指定class名称的的元素集合。
  • getElementsByTagName(elementName) :返回一个指定标签名称的的元素集合。

 4. DOM节点操作

 

HTML DOM

原文地址:http://www.cnblogs.com/lujinghao/p/html_dom.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved