HTML DOM学习笔记（三）_常用DOM 属性

最新推荐文章于 2023-01-15 20:54:37 发布
最新推荐文章于 2023-01-15 20:54:37 发布
阅读量242 收藏 1
点赞数 2
分类专栏： dom 文章标签： dom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38242407/article/details/78076617
版权

常用DOM 属性

属性是节点（HTML 元素）的值，可获取或设置。

1.innerHTML 属性

此方法是获取或替换元素内容最常用、最简单的属性；

<html>
<body>

<p id="inner">Hello DOM!</p>

<script>
var txt=document.getElementById("inner").innerHTML;//获取
document.write(txt);
var txt2=document.getElementById("inner").innerHTML="hello!!!";//修改
document.write(txt2);
</script>

</body>
</html>

2.nodeName 属性

nodeName 属性规定节点的名称。

  • nodeName 是只读的；
  • 元素节点的 nodeName 与标签名相同；
  • 属性节点的 nodeName 与属性名相同；
  • 文本节点的 nodeName 始终是 #text；
  • 文档节点的 nodeName 始终是 #document。

3.nodeValue 属性

nodeValue 属性规定节点的值。

  • 元素节点的 nodeValue 是 undefined 或 null；
  • 文本节点的 nodeValue 是文本本身；
  • 属性节点的 nodeValue 是属性值。
月华_AlZnB
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML DOM入门1：DOM元素的常见方法及其属性
ekxavol的博客
03-14 303
1.HTML DOM简介 DOM指Document Object Model ，文档对象模型，利用DOM可以将html的数据当作对象处理。它的优点是，方便程序和脚本动态地访问、更新文档的内容、结构和样式。 Document对象的继承结构： 1.共同父类是Root Element:<html> 2.子类包括头文件head ,另外还有body 等 DOM包括核心DOM、XML DOM 以及...
HTML DOM（即Document Object Model文档对象模型 ）（节点概念、获取节点、节点的属性）
litengbin的博客
01-17 361
DOM 是Document Object Model( 文档对象模型 )的缩写。  DOM是把html里面的各种数据当作对象进行操作的一种思路。  比如一个超链，作为一个DOM对象，就可以使其隐藏，修改其href指向的地址。 节点概念 DOM把所有的html都转换为节点  整个文档 是一个节点  元素 是节点  元素属性 是节点  元素内容 是节点  注释 也是节
Web开发 ☞ HTML DOM 用法
Magic-ZYJ的博客
04-26 1471
在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。一、属性 1、innerHTML 属性 可通过节点的 innerHTML 属性来访问文本节点的值。元素节点 <title>，包含值为 "test" 的**文本节点** <title> test </title>2、nodeName 属性nodeName 属性规定节点的名称。 nodeName 是只读的 元素节点的 n
dom获取文本内容的方法
qq_55748881的博客
01-15 1447
dom获取文本内容的方法，和文本节点获取内容方法
DOM常用属性【DOM】
QQ1012421396的博客
08-20 5071
DOM属性：     DOM属性是节点（HTML 元素）的值，您能够获取或设置。文档里的每个节点都有以下3个属性：nodeName, nodeType, nodeValue。更有一些常用属性：innerHTML，parentNode，childNodes ，attributes ，firstChild，lastChild， nextSibling， previousSibling， leng
HTML DOM
u013795673的博客
06-07 734
DOM 节点 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点 HTML DOM Tree 实例 DOM 处理中的常见错误是希望元素节点包含文本。 在本例中：DOM 教程，元素节点 ，包含值为 "DOM 教程" 的文本节点。 可通过节点的 innerHTML 属性来访问文本节点的值
JavaScript HTML DOM学习笔记.emmx
02-11
从菜鸟教程上学习的关于js的学习笔记，可以用于参考学习使用，脑图样式，浏览更方便，有需要的同学可以带走
JavaScript 学习笔记（十三）Dom创建表格
12-10
本文将详细讲解如何利用JavaScript的DOM API创建表格，包括插入行、插入单元格、删除行以及设置元素属性。 1. **插入行（insertRow）** `insertRow(index)` 方法用于向表格中插入新行。`index` 参数表示新行将被...
dom编程学习笔记.pdf
11-15
dom编程学习笔记.pdf
JavaScript高级程序设计 DOM学习笔记
10-28
DOM是针对XML和HTML文档的一个API：即规定了实现文本节点操控的属性、方法，具体实现由各自浏览器实现。
js DOM的学习笔记
10-28
DOM是Document Object Model文档对象模型的缩写；使用JavaScript操作DOM进行DHTML开发
DOM的节点类型和属性
weixin_42481639的博客
12-08 310
DOM，即document object model中，存在三种类型的节点：元素节点(element node)，属性节点(attribute node)，文本节点(text node)。 几个属性： childNodes，返回一个数组，用来查看给定元素节点的子节点。 nodeType，查看节点类型，元素节点的属性值为1，属性节点为2，文本节点为3。 nodeValue，查看节点的值。注意，如果...
DOM操作元素文本内容：innerHTML、innerText、value
YY的博客
10-19 1738
DOM操作元素文本内容：innerHTML、innerText、value
JavaScript 学习-26.HTML DOM节点与节点属性
qq_27371025的博客
05-28 394
前言 DOM (Document Object Model) 文档对象模型，通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。 简介 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被结构化为对象树： 通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量： JavaScript 能改变页面中的所有 HTML 元素 JavaScript 能改变页面中的所有 HTML 属性 Ja
HTML文档中节点的主要类型,DOM系列：DOM节点属性
weixin_39856709的博客
06-04 782
经过前几篇文章的学习，对DOM有一定的了解。但这仅仅是DOM一些基础性的知识，如果要对DOM更了解，需要更深入地了解DOM节点。在这一节中，咱们将围绕DOM的节点属性、标签和内容来展开。这样我们就可以更进一步的了解它们是什么？以及它们最常的属性。DOM节点类DOM节点的属性取决于它们的类(class)。例如，标签对应的是一个元素节点和链接a相关的属性。文本节点与元素节点不一样，但是它们之间也有相同...
Jquery中如何获取元素的文本，值，属性和内容
热门推荐
lumot的博客
09-22 1万+
jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。 提示：DOM = Docum...
b050闲置图书分享-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-23
本次开发的闲置图书分享平台实现了收货地址管理、字典管理、公告管理、留言板管理、图书管理、图书收藏管理、图书评价管理、图书订单管理、用户管理、管理员管理等功能。系统用到了关系型数据库中王者MySql作为系统的数据库，有效的对数据进行安全的存储，有效的备份，对数据可靠性方面得到了保证。并且程序也具备程序需求的所有功能，使得操作性还是安全性都大大提高，让闲置图书分享平台更能从理念走到现实，确确实实的让人们提升信息处理效率。 管理图书的数据，此页面主要实现图书的增加、修改、删除、查看的功能。公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型信息也能让管理员快速删除。
《大学生职业生涯规划与就业指导》大一阶段课程作业
最新发布
07-24
《大学生职业生涯规划与就业指导》大一阶段课程作业
开题报告潮汕特产直销系统 已通过开题答辩的.doc
07-23
随着互联网的高速发展，人们的生活方式发生了翻天覆地的变化，在过去，人们想要购买很远地方的东西会非常麻烦，因为是通信和交通都不是十分的方便，而现在网络购物成为了人们日常生活中不可或缺的一部分。在这样的背景下，互联网与传统行业的融合已经成为了一种不可阻挡的趋势。对于中国特色的潮汕特产来说，这一趋势也带来了巨大的变革和发展机遇[1]。
学习javascript DOM笔记：节点属性和层级结构详解
JavaScript DOM 学习笔记11： 在 JavaScript 中，DOM（文档对象模型）是 HTML 和 XML 文档的编程接口。通过 DOM，开发者可以轻松地访问和操作文档的各个部分，包括元素、属性和内容。 在 DOM 中，每个文档都有一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值