社区
JavaScript
帖子详情
请教DOM节点问题!
kisslan
2003-08-28 10:49:38
小弟在编辑器中遇到一个问题,就是如何能得到一段选中文本的上级节点(父节点).
就是根据文本知道它的节点是什么??
比如:"<b>这是一段文本</b>",这段代码在编辑器中只会显示文本,如果选中"这是一段文本"这段文字.我用什么方法才能知道它的节点是"<b>"呢??
请各位大侠不吝赐教!
...全文
44
5
打赏
收藏
请教DOM节点问题!
小弟在编辑器中遇到一个问题,就是如何能得到一段选中文本的上级节点(父节点). 就是根据文本知道它的节点是什么?? 比如:"这是一段文本",这段代码在编辑器中只会显示文本,如果选中"这是一段文本"这段文字.我用什么方法才能知道它的节点是""呢?? 请各位大侠不吝赐教!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
missair
2003-08-28
打赏
举报
回复
.parentElement.tagName
missair
2003-08-28
打赏
举报
回复
obj.parentElement
cloudchen
2003-08-28
打赏
举报
回复
parentNode
xuzuning
2003-08-28
打赏
举报
回复
想文本开始的方向查找第一个未封闭的起始标记
blues-star
2003-08-28
打赏
举报
回复
只有元素(标记)才会形成对象,而你说的文字,是这个对象的某个属性,并且是字符串类型。
字符串类型(String对象)是没有parentElement属性的。
所以依照你的说法,需要遍历DOM中的对象,找到相应属性值为"这是一段文本"的对象,这个对象就是你所想要找的。
我说的意思就是<b><i>这是一段文本</i></b>,可以找到<i>元素的父节点是<b>元素(通过parentElement属性),但是无法知道"这是一段文本"这个字符串的父元素究竟是<i>,还是其他地方的<td>等等,因为他本身不是元素,不具有标记的能力。
依照你的意思,我想最好的方法就是。。。。
<b onselectstart="res.innerText = event.srcElement.tagName">这是一段文本</b><br>
<i onselectstart="res.innerText = event.srcElement.tagName">这是一段文本</i><br>
<div id="res"></div>
但是,这样能找到的原因绝对不是"这是一段文本"这个字符串的能力所致。
JavaScript
DOM
—
节点
操作
文档对象模型(Document Object Model,简称
DOM
)是一种基于树状结构的编程接口,用于操作HTML、XML和SVG等文档。它将文档表示为一个树状结构,其中每个
节点
代表文档中的一个元素、属性、文本或其他类型的内容。
DOM
提供了一组标准的对象和方法,可以通过JavaScript等编程语言来访问和操作文档的各个部分。通过
DOM
,开发者可以使用JavaScript来读取、修改、添加和删除文档的元素、属性和内容。
DOM
树是由
节点
组成的。文档
节点
是
DOM
树的根
节点
,它是整个文档的入口点。
DOM
节点
类型
DOM
将文档表示为
节点
树。每个
节点
都是
DOM
树中的一个元素,可以是元素
节点
、属性
节点
、文本
节点
等。
节点
之间通过父子关系、兄弟关系相互连接。
DOM
节点
类型是理解和使用
DOM
的基础。通过了解不同类型的
节点
及其关系,开发者可以更有效地操作文档结构、样式和内容。掌握
DOM
操作方法对于前端开发至关重要,它们是构建动态、交互式网页的基础。
DOM
是什么?含12种
DOM
节点
类型概述
百度
【
DOM
笔记三】
节点
操作(
节点
概述、
节点
层级、添加 / 删除 / 复制
节点
、
DOM
基本语法总结!
文章目录5
节点
操作5.1
节点
概述5.2
节点
层级5.2.1 父子
节点
5.2.2 兄弟
节点
5.3 添加元素5.4 删除
节点
5.5 复制
节点
5.6 三种动态创建元素的区别6
DOM
小结 5
节点
操作 获取元素的方式: 比较发现,用
节点
层级关系来获取元素更简单(
DOM
方法相当于绝对路径,
节点
方法相当于相对路径)。 5.1
节点
概述 **概念:**网页中的所有内容都是
节点
(标签、属性、文本、注释等),在
DOM
中,
节点
使用node来表示。 **基本组成:**nodeType(
节点
类型) 、nodeName(
节点
dom
节点
树、
dom
节点
关系
目录 一、
dom
节点
树 遍历文档
节点
树 遍历元素
节点
树 二、
dom
节点
关系
节点
属性 父级属性 子级属性 同级属性
节点
方法 一、
dom
节点
树 根据w3c的
dom
标准,文档中的所有内容都是
节点
,
节点
是
dom
的最小组成单元。浏览器会根据
dom
模型将文档解析成一系列
节点
,这些
节点
组成一个树状结构,称为
dom
节点
树。
dom
节点
树体现了文档的层次结构。
dom
节点
树有两种类型,其一do...
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章