Chrome 换行节点疑问

fred214 2011-11-11 11:46:21
大家都知道 Chrome、FF 将dom中的换行也作为一个文本节点。
为了兼容Chrome、FF，每次把代码中的空白，换行等删去。

虽然没有问题了，但是在代码维护上，十分的麻烦。

大家一般怎么做呢，有什么好的办法呢？
...全文
97 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
fred214 2011-11-11
  • 打赏
  • 举报
 回复
度娘了一下，用children，非标的，第一次接触，有官方的说明么？
HTML代码换行引起的空格问题
HTML中内联元素的换行在浏览器中可能会被解析为空格，表现为3px的间距。问题主要出现在FF和Chrome，而非IE。解决方法包括：避免换行以减少文本节点、设置父元素字体大小为0、或者使用负margin调整。每种方法都有其适用场景和潜在影响。
IE10、Chrome与nextSibling
本文深入探讨JavaScript中节点操作的问题，特别是在获取元素节点时遇到的换行、空格及Tab键的处理差异。通过实例演示了IE10、Chrome等浏览器在处理节点时的不同表现，并提供了一种函数getNextNode(node)来有效解决这一问题，确保跨浏览器的一致性。
Html中代码换行造成空格间距的问题解析
探讨了在浏览器如Firefox和Chrome中，由于解析代码中的空格或换行导致的HTML元素间的意外间距问题。提供了三种解决方案：避免换行、设置父级字体大小为0以及调整元素的margin。
js添加html换行符,javascript – 在contenteditable div中的输入键上插入换行符
该博客讨论了如何在contenteditablediv元素中插入换行符，以便在不同浏览器（包括Chrome、Firefox、Safari和Internet Explorer 10+）中保持一致的行为。作者遇到的问题是在Internet Explorer中，插入符在插入换行符后不会移动，但通过调整代码实现了兼容性。解决方案涉及到使用getSelection()和Range API来操作文本节点。
chrome 下iframe编辑器换行
本文介绍了一种利用JavaScript在HTML文档中精确插入元素的方法，包括如何创建新的节点、删除选区内容并替换为新元素，同时保持光标位置不变。此方法适用于富文本编辑器等场景。
JavaScript

87,990

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章