HTML DOM 属性

属性是节点(HTML 元素)的值,您能够获取或设置。

编程接口

可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。

所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。

方法是您能够执行的动作(比如添加或修改元素)。

属性是您能够获取或设置的值(比如节点的名称或内容)。

innerHTML 属性

获取元素内容的最简单方法是使用 innerHTML 属性。

innerHTML 属性对于获取或替换 HTML 元素的内容很有用。

实例

下面的代码获取 id="intro" 的

元素的 innerHTML:

实例

Hello World!

尝试一下 »

在上面的例子中,getElementById 是一个方法,而 innerHTML 是属性。

innerHTML 属性可用于获取或改变任意 HTML 元素,包括 和

nodeName 属性规定节点的名称。

nodeName 是只读的

元素节点的 nodeName 与标签名相同

属性节点的 nodeName 与属性名相同

文本节点的 nodeName 始终是 #text

文档节点的 nodeName 始终是 #document

注意: nodeName 始终包含 HTML 元素的大写字母标签名。

nodeValue 属性

nodeValue 属性规定节点的值。

元素节点的 nodeValue 是 undefined 或 null

文本节点的 nodeValue 是文本本身

属性节点的 nodeValue 是属性值

获取元素的值

下面的例子会取回

标签的文本节点值:

实例

Hello World!

尝试一下 »

nodeType 属性

nodeType 属性返回节点的类型。nodeType 是只读的。

比较重要的节点类型有:

元素类型

NodeType

元素

1

属性

2

文本

3

注释

8

文档

9

html dom怎么写,HTML DOM 属性相关推荐

  1. .NET 6新特性试用 | 可写JSON DOM API

    前言 我们常用JSON的方式,是将类对象序列化/反序列化: var user = new User { Name = "My IO" }; var json = JsonSeria ...

  2. 前端:JS/25/DOM官方定义,DOM分类,HTML节点树(节点关系,节点类型,),核心DOM中公共的属性和方法(节点访问,查找DOM节点,节点属性,节点的创建,追加和删除)

    DOM官方定义 DOM,Document Object Model,文档对象模型,我们可以把网页中的所有"东西"看成是对象": DOM的官方定义:DOM可以使用脚本,动态 ...

  3. JavaScript之DOM对象(Node结点属性、导航属性、页面查找)

    文章目录 DOM与Node节点 自身属性 导航属性 页面查找 DOM与Node节点 1.DOM的概念 DOM 是 W3C(万维网联盟)的标准,DOM 定义了访问 HTML 和 XML 文档的标准. W ...

  4. 【JS笔记】JS中的DOM对象以及通过JS获取DOM结点,操作DOM属性、DOM增删改查

    这篇文章,主要介绍JS中的DOM对象以及通过JS获取DOM结点,操作DOM属性.DOM增删改查​​​​​​​. 目录 一.JS中的DOM 1.1.什么是DOM 1.2.获取DOM结点 (1)获取htm ...

  5. 深圳软件测试培训:DOM中元素节点、属性节点、文本节点的理解

    深圳软件测试培训:DOM中元素节点.属性节点.文本节点的理解 节点信息 每个节点都拥有包含着关于节点某些信息的属性.这些属性是: nodeType(节点类型) nodeName(节点名称) nodeV ...

  6. html dom childnodes,JaveScript操作DOM节点的childNodes属性

    在一棵节点树上(DOM文档),childNodes属性可以获取任何一个节点下的所有子元素节点,它获取的值是一个包含这个元素全部子元素的数组,但是这个数组中包含的东西太多,几乎每一样东西都是一个节点,甚 ...

  7. DOM对象中的常用属性(innerHTML属性,innerText属性,className属性,style属性)

    DOM对象中的常用属性 innerHTML属性 innerText属性 className属性 style属性 innerHTML属性 innerHTML属性:用于设置或获取HTML 元素中的内容. ...

  8. python 全栈开发,Day51(常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍)...

    昨日内容回顾 1.三种引入方式1.行内js <div onclick = 'add(3,4)'></div>//声明一个函数function add(a,b){}2.内接js& ...

  9. vue核心之虚拟DOM(vdom)与真实DOM页面渲染过程

    一.真实DOM和其解析流程? 浏览器渲染引擎工作流程都差不多,大致分为5步,创建DOM树--创建StyleRules--创建Render树--布局Layout--绘制Painting 第一步,用HTM ...

最新文章

  1. 24点c语言程序,C语言解24点游戏程序
  2. 对python的认识2000字_给那些想学Python的人之2000字谏言
  3. 代码练习中的bug及修改方法
  4. LeetCode 1626. 无矛盾的最佳球队(最大上升子序DP)
  5. STM32F407 独立看门狗 个人笔记
  6. Arduino采集Microzone遥控器信号(ROSMicrozoneBridge)
  7. 计算机组成原理—浮点数
  8. 电子证书 DER PEM CRT CER
  9. 【android】apk在线升级
  10. ubuntu18.04: 安装nanomsg
  11. linux pbs 用户时间,Linux/超算中PBS常用命令
  12. Couldn‘t find executable named person_subscriber below /home/yue/catkin_ws/src/... 找不到可执行文件的原因
  13. win10打开视频显示服务器运行失败,apache启动失败,详细教您快速解决Win10系统apache启动失败...
  14. FastAPI 是什么?
  15. 18款表白源码,搭建网站必备,总有一款适合你
  16. 应届生落户上海申请及办理流程
  17. OpenGL 坐标系概览
  18. 【ShaderToy】基础篇之谈谈点、线的绘制
  19. MYSQL查询之查询的多个结果重复循环出现问题分析
  20. 一二线城市知名 IT互联网公司名单(最新整理版)出炉!

热门文章

  1. 利用WinSock进行无连接的通信
  2. SubclassDlgItem函数
  3. VC++的链接错误LNK2001
  4. 公务员考试中公共基础知识计算机,2012山东省公务员考试公共基础知识最新考试试题库(完整版)...
  5. 高并发架构系列:如何解决Redis雪崩、穿透、并发等5大难题
  6. .NET基础编程之特性 - Attribute
  7. 无法安装 Microsoft Visual Studio 2010 Service Pack 1
  8. python批量从pdf中转换图片保存
  9. Github-Git for windowsTortoiseGit下载与安装
  10. Java引入依赖aar_Grade将依赖的jar 打包进aar