单个元素中有多个文本节点？
战争艺术
有人可以帮我看看以下屏幕截图，并解释以下内容：
- 到底是怎么回事？
- 如何以编程方式检测到它？
- 如何以编程方式修复/摆脱它？
我相信正在发生的事情是我在一个pre元素中有多个文本节点……我觉得我很多年前在MDN上读到了这样的事情是可能的，但是我之前从未遇到过类似的事情。
jQuery不会通过text()或html()（在屏幕快照中我尝试在控制台中都尝试）来揭示任何异常之处……它只是显示了合并到单个节点中的所有文本节点的内容。
未显示的是，当我尝试通过执行以下操作在控制台中手动修复此问题时：
$('pre').text($('pre').text())
不会将所有3个文本的内容合并为一个文本节点来替换所有文本节点，而是仅使用所有3个文本内容替换第一个文本节点的内容。
所有这一切真的让我感到困惑，我无法找到任何关于此的文档，因此，如果有人可以回答我上面的问题，我将非常感谢。
哦，因为我知道有人会问我是怎么做到的，所以答案是我不太确定自己做了什么。我认为这与流星项目的html和js之间的循环循环有关，我认为：
在我的HTML我有这个：
<pre class="editable" contentEditable="true">{{text}}</pre>
在我的JavaScript中，我有这个：
"input pre": function (event) {
var newText = $(event.target).text();
Ideas.update(this._id, {$set: {text: newText}});
}
因此，流星会自动检查text数据库中的更改，并将最新副本放入我的数据库中pre。它还可以查看用户何时在数据库中编辑pre和编辑text数据库。以某种方式进行此操作有时会产生您在上图中看到的内容（有时会产生其他奇怪的行为。）
战争艺术
- 到底是怎么回事？
pre元素中有多个文本节点。
- 如何以编程方式检测到它？
$('pre').contents()将返回该元素的子级列表，包括文本节点。就我而言，我只会有文本节点，因此只需检查列表的长度是否大于1就可以了。如果我不能做这个假设，我将不得不遍历返回的列表，看看是否有两个连续的节点是文本节点。请参阅jQuery文档。
- 如何以编程方式修复/摆脱它？
$('pre')[0].normalize()解决它。请参阅有关从MDN进行标准化的文档。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
选择元素后面的文本节点
- 2
在元素之后获取特定的文本节点
- 3
多个文本节点上的XPath函数
- 4
Javascript，向具有现有文本节点的元素添加文本
- 5
XSLT：获取文本节点并作为多个元素的属性值插入
- 6
Simplexml：解析HTML会在带有文本节点的元素内省略嵌套元素
- 7
Xpath中文档中没有文本节点后代的所有元素？
- 8
javascript检查子节点是元素还是文本节点
- 9
PHP DOMDocument用文本节点替换多个子节点
- 10
如何选择没有前导或尾随文本节点的元素？
- 11
jQuery如何替换元素子元素的文本节点
- 12
查找没有任何文本节点的所有节点
- 13
具有文本节点的XElement节点的格式被忽略
- 14
jQuery获取所有后代节点，包括文本节点
- 15
如何将元素或文本节点标记为“惰性”？
- 16
分组文本节点和特定类型的相邻元素
- 17
展平嵌套在文本节点内的子元素
- 18
XPath来定位包含文本节点的元素？
- 19
如何在xmltype Oracle中检查元素的文本节点
- 20
如何在元素中检测文本节点
- 21
选择HTML文档中的每个文本节点（带有XPath的脚本节点除外）
- 22
如何定位文本节点？
- 23
XSLT复制文本节点
- 24
Nokogiri：处理文本节点
- 25
JavaScript文本节点属性
- 26
更改文本节点的值
- 27
在XML中将元素节点作为文本节点的兄弟姐妹是错误的吗？
- 28
JavaScript - 将元素节点附加到文本节点父级
- 29
单个页面中有多个Dropzone
我来说两句