javaScript之DOM（document object model）节点

最新推荐文章于 2024-10-31 13:19:17 发布
最新推荐文章于 2024-10-31 13:19:17 发布
阅读量324 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： # JavaScript 文章标签： DOM JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Wind_waving/article/details/87922831
本文深入解析了DOM（文档对象模型）的各种节点属性，包括nodeName、nodeValue、nodeType等，以及这些属性如何帮助开发者理解和操作HTML文档结构。文章还详细介绍了文本节点的特有属性和方法，如appendData、deleteData等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

DOM节点属性
属性描述
nodeName节点名称
nodeValue节点值，通常只用于文本节点
nodeType节点类型的数字，数字值如下表
parentNode双亲节点
childNodes子节点列表
firstChild、lastChild第一个、最后一个子节点

previousSibling、nextSibling

前一个、后一个兄弟节点
attributes属性列表
ownerDocument包含该元素的HTML DOCUMENT对象
DOM节点类型
编号类型描述
1元素 
2属性 
3文本如：this is a string
8注释 
9文档根文档对象，即<html>
10文档类型如：<! doctype html>

 

文本节点的属性和方法
属性、方法描述
data文本的内容
appendData(string)在文本末尾添加字符串
deleteData(offset,count)删除从offset开始的count个字符数
insertData(offset,string)从offset处添加string
replaceData(offset,count,string)用string取代从offset开始的count个字符数
splitText(offset)从offset处将文本分为两半
substringData(offset,count)返回从offset开始的count个字符数

 

DOM Scripting Web Design with JavaScript and the Document Object Model
10-01
《DOM Scripting Web Design with JavaScript and the Document Object Model》是Jeremy Keith与Jeffrey Sambells合著的一本书，专注于使用JavaScript和文档对象模型（DOM）进行Web设计的技术。DOM是万维网联盟（W3C...
什么是DOM(Document Object Model)文档对象模型
09-05
文档对象模型（DOM，Document Object Model）是针对HTML和XML文档的一种应用编程接口（API），它以树状结构的形式表示整个文档，为程序员提供了动态地访问和修改文档内容、结构和样式的手段。当浏览器加载页面时，它...
javascript dom(document object model)的简单介绍
hyshucom
02-27 162
dom访问的几种方法 1、document.getElementById("对象的id"); id="" 独立访问某个对象的时候使用 2、document.getElementsByName("对象的name"); name="" 返回的是一个对象数组（节点的列表）3、document.getElementsByTagName("标签名称"); a p span div ...
JavaScript——Document Object Model
胖虎虎
07-30 348
DOM：Document Object Model（文档对象模型：对网页当中的节点进行增删改的过程。）HTML文档被当做一棵DOM树来看待。 DOM和BOM的区别：函数模板 通过点击按钮框绑定一个事件 获取事件id的事件，在这个事件中获取单机按钮框的事件 而且document.write(“输出语句”); 相当于java的system.out.println();1.通过点击按钮框获取value值 2.将第一个文本框中的value赋值到第二个文本框上 3.失去焦点对象获取value值，通过this指针 6.
JavaScript——DOM(Document Object Model)文档对象模型
weixin_45084986的博客
03-30 158
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> /* onload事件会在整个页面加载完成之后才触发 为wi ndow绑定-个onload事件 该事件对应的响应函数将会在页面加载完成之后执行， 这样可以确保我们的代码执行时所有的DOM对象已经加载完毕了 */ window.
javascript(三)DOM（Document Object Model） 对象
feicongcong的博客
04-12 333
1.Document 对象当浏览器载入 HTML 文档, 它就会成为 document 对象。document 对象是HTML文档的根节点与所有其他节点（元素节点，文本节点，属性节点, 注释节点）。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。2....
JavaScript中阶 DOM 文档对象模型 (Document Object Model)
weixin_65257540的博客
03-03 156
是W3C为HTML文档提供的一个API（应用程序接口） API提供了对HTML中的元素、属性、文本的一系列属性、操作的方法，满足动态化文档的需求（让HTML提供接口给JS，让JS去操控HTML） DOM节点（node） HTML文档中的文档、标签、属性、文本、注释等都成为node节点(元素节点、属性节点、文本节点) 节点分类 元素节点、属性节点、文本节点 属性节点不是子节点 节点属性 节点类型 node name node type node value 元
DOM Scripting Web Design JavaScript and the Document Object Model (2nd)
11-19
《DOM Scripting: Web Design with JavaScript and the Document Object Model》第二版是一本由Jeremy Keith编写，Jeffrey Sambells合作完成的经典JavaScript教程。本书深入浅出地介绍了如何使用JavaScript与文档...
DOM Scripting.Web.Design.with.JavaScript.and.the.Document.Object.Model(JavaScript DOM编程艺术)
07-17
《DOM Scripting: Web Design with JavaScript and the Document Object Model》是由Jeremy Keith撰写的一本关于JavaScript和DOM编程的经典著作。这本书深入浅出地介绍了如何利用JavaScript动态操控网页内容，提升...
JS DOM(document object model) 文档对象模型
weixin_52032313的博客
03-22 410
JS DOM(document object model) 文档对象模型
react 将object对象渲染dom的方法
前端大白话
08-14 3065
首先将object对象转换成对象 let newarr=[] for (let i in item){ Object.keys(item).map((key) => newarr.push(item[key])) return( <div className="sanji-menu"> ...
【JavaScript】之文档对象模型（DOM）详解
最新发布
weixin_64178283的博客
10-31 1338
JavaScript 的强大之处在于它能够与 HTML 和 CSS 交互，动态地修改网页内容和样式。而实现这一功能的核心就是DOM（文档对象模型）。本文将深入探讨 JavaScript DOM，帮助你理解其工作原理并掌握其使用方法，每个方法都配有示例以便于理解。
JavaScript Document Object Model （DOM）文档对象模型 元素节点属性
chengqingshihuishui的博客
09-03 370
一、DOM模型 DOM全称是文档对象模型。就是把html\xml等文档的标签，属性，文本，转换成为对象来管理。 1、Document对象 Document代表整个文档。 <html lang="zn_ch"> <head> <title>My title</title> </head> <body> <a href="http://www.baidu.com">My link</a> <...
js文档对象模型(Document Object Model)
weixin_41545048的博客
07-13 590
一、JavaScript HTML DOM HTML DOM (文档对象模型)：当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 1. HTML DOM 模型被构造为对象的树： 2.查找HTML元素： 通过 id 查找HTML 元素 document.getElementById("main"); 通过标签名查找 HTML 元素 document.getElementsByTagName("p"); 通过类名查找HTML 元素 document
JavaScript获取文件扩展名
Wind_waving的博客
03-11 1529
获取文件扩展名的两种方法： substring，lastIndexOf联合使用 split,pop联合使用 下面贴上代码： //获取文件后缀的js代码 &lt;script type="text/javascript"&gt; var strp; function getEx(){ var filepath=document.getElementById('fileEx').va...
nodejs sequelize参考及问题
Wind_waving的博客
04-14 1238
sequelize是什么 ORM：把关系数据库的表结构映射到对象上 sequelize是把对象映射到数据库中的表和数据中 sequelize的用法 从基础开始创建项目并使用： 参考廖雪峰的网站 node.js 使用 sequelize 操作数据库 （可以不用创建koa项目，直接创建app.js文件，并在其中使用立即执行函数或者其他方式进行数据库操作） 基本的操作函数 基本的操作 事务 S...
jquery动态生成瀑布流内容重叠问题
Wind_waving的博客
03-12 1101
在写瀑布流的时候遇到了一个坑，我这个瀑布流的单个内容块是从后台获取的数据，因此需要动态创建元素，大概生成的动态元素是这样的： <div> <img src="url"/> <p>texttexttext...</p> </div> 因为其中含有动态生成的img，所以很容易出现问题：许多内容块折叠在一起，即使设置了margin也不能解...
addEventListener第三个参数useCapture
Wind_waving的博客
02-09 1063
参考博客addEventListener()中的第三个参数 参考博客addEventListener()第三个参数useCapture (Boolean)详细解析 总结： W3C标准中event触发的顺序：先捕获再冒泡 | | / \ -----------------| |--| |----------------- | element1 | | | | | | -------------| |--| |---------
js将阿拉伯数字转换为大写中文金额
Wind_waving的博客
02-12 998
moneyToCaptital = (money: string) => { //将小数点前后划分开 const dots=money.split('.') const dotFor=dots[0] const dotBehind=dots[1] //小数点前一部分，先反转一下，如'123'变成‘321’ money = dotFor.split('').reverse().join('') const
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值