appendChild() 替代与 documentFragment 一起使用时
appendChild() alternative when used with documentFragment?
我正在尝试使用documentFragment()从头开始构建一个部分标签。它将包括一个 h1 标签和文章标签,最初是用 appendChild() 添加的。 此部分标签也将在某个时候被克隆并使用克隆节点()进行调整。
然后我发现appendChild()在IE中是有问题的,还有Nick Zakas,Paul Ireland和Steve Souders的文章量化了appendChild的烂额。我通过 S.O. 搜索了替代方案,使用 insertBefore 和 firstChild 似乎是普遍的共识。由于我想在其他节点中插入节点,因此我不确定此处是否可以选择插入。
公平地说,这可能不是最有效的代码。在包含页面上所有子节点的 section 标记中编码可能比编写所有脚本,然后将其加载到页面上更快。当我克隆它时,很容易找到带有firstChild的子节点,然后调整它们。但在我这样做之前,我只想确保除了 appendChild() 之外没有其他方法可以在元素中插入节点?
提前感谢...凯德兹
只要您不尝试在浏览器仍在渲染的元素上使用它,appendChild()
就没有错。等到DOMContentLoaded
或load
事件在文档上触发,你就会没事的。
相关文章:
- 转义符不能与innerHTML一起使用
- 高亮显示与数组字符串一起使用时文本插件中断
- setTimeout可以与闭包内的函数一起使用吗
- 将依赖外部库的UMD模块与browserfy捆绑在一起
- Highcharts colorsByPoint与系列中的线性渐变一起使用时不起作用
- 如何将js库与typescript一起使用
- 将webpack和babel与父项目目录中的文件一起使用
- 将 Drag&Drop 与 jsTree 和 DataTables 一起使用
- Javascript-如何让脚本与Ajax请求的数据一起运行
- 将两个ext.TabPanels滚动到一起
- 将jQuery UI Timepicker Addon与React一起使用
- 什么是curl以及如何将其与nodejs一起使用
- Javascript”;onmousemove”;事件无法与类一起使用
- 将require('..')与变量一起使用与在webpack中使用字符串相比
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- 三角库可以与firefox一起使用,但不能在Chrome中使用
- 为什么不't我的ruby代码与javascript文件一起插入
- 通过jQueryAjax一起发布Array和Form数据时出现问题
- 如何将eventListeners与Angularjs+Electron一起使用
- 将FormParams与Jersey和jQuery一起使用