jjzjj

insertAdjacentHTML

全部标签

javascript - jquery 中的 insertAdjacentHtml

出于某种原因,在FF中使用insertAdjacentHtml函数时出现insertAdjacentHTMlisnotafunction错误,在jQuery或其他一些替代javascript函数中是否有替代方法? 最佳答案 这取决于您如何使用它。.insertAdjacentHTML("beforeBegin",...)//$('...').before(...).insertAdjacentHTML("afterBegin",...)//$('...').prepend(...).insertAdjacentHTML("befor

javascript - appendChild、insertAdjacentHTML 和 innerHTML 之间有什么区别

我想知道appendChild、insertAdjacentHTML和innerHTML之间的区别。我认为它们的功能相似,但我想清楚地了解用法而不是执行速度。例如,我可以使用innerHTML将新标签或文本插入到HTML中的另一个标签中,但它会替换该标签中的当前内容,而不是追加内容。如果我想那样做(不是替换),我需要使用insertAdjacentHTML并且我可以管理我想插入新元素的位置(beforebegin,afterbegin,beforeend,afterend)最后,如果我想创建(不是在当前标签中插入)一个新标签并将其插入到HTML中,我需要使用appendChild。我的

javascript - "innerHTML += ..."与 "appendChild(txtNode)"

问题是,比较使用innerHTML的连接和将文本节点附加到现有节点。幕后发生了什么?到目前为止我对此的看法:我猜两者都会导致“回流”。据我所知,后者(附加文本节点)也会导致DOM的完全重建(正确吗?他们都在这样做吗?)。前者似乎还有一些其他令人讨厌的副作用,比如导致之前保存的对子节点的引用指向我正在修改innerHTML的节点,不再指向“当前DOM”/“子节点的正确版本”.相比之下,在附加子项时,引用似乎保持不变。这是为什么?我希望你们能帮我解决这个问题,谢谢! 最佳答案 后者(appendChild)不会导致DOM甚至目标中所有元

javascript - "innerHTML += ..."与 "appendChild(txtNode)"

问题是,比较使用innerHTML的连接和将文本节点附加到现有节点。幕后发生了什么?到目前为止我对此的看法:我猜两者都会导致“回流”。据我所知,后者(附加文本节点)也会导致DOM的完全重建(正确吗?他们都在这样做吗?)。前者似乎还有一些其他令人讨厌的副作用,比如导致之前保存的对子节点的引用指向我正在修改innerHTML的节点,不再指向“当前DOM”/“子节点的正确版本”.相比之下,在附加子项时,引用似乎保持不变。这是为什么?我希望你们能帮我解决这个问题,谢谢! 最佳答案 后者(appendChild)不会导致DOM甚至目标中所有元

html - insertAdjacentHTML 为何比 innerHTML 快这么多?

Aboutamonthago之后,Firefox8实现了insertAdjacentHTML方法,该方法与innerHTML一起被添加到IE4中。根据this基准测试,insertAdjacentHTML通常比innerHTML快一个数量级。我假设两者调用相同的HTML解析器,那么为什么差异如此显着?insertAdjacentHTML是一个简单的方法调用,而innerHTML是一个getter/setter,可能会有一些开销,但我永远不会想到那么多。 最佳答案 work.innerHTML+="test";相当于work.inne

javascript - 我可以使用 insertAdjacentHTML 插入 DOM 元素吗

insertAdjacentHTML需要2个参数:位置(“beforebegin”,“afterbegin”,“beforeend”,“afterend”)html(将从文本转换为DOM)我可以将DOM元素作为第二个参数传递吗? 最佳答案 虽然您不能直接传递DOM元素,可以传递element.outerHTML以提供insertAdjacentHTML的第二个参数它是HTML字符串表示。例子:constparent=document.querySelector('.parent');constchild=document.creat