Этот сайт запускает тест между 3 различными методами, и кажется, что .html
- самый быстрый, а затем .append
. сопровождаемый .innerHTML
. Может кто-нибудь объяснить мне причины этого?
Здесь сайт, который делает сравнение среди трех методов.
Я прочитал этот ТАК вопрос, который связан, но я не совсем понимаю данный ответ, и этот вопрос мало что .innerHtml
отношении .innerHtml
.
Я не понимаю следующую часть:
Временный элемент создан, давайте назовем его x. x innerHTML установлен на строку HTML, которую вы передали. Затем jQuery перенесет каждый из созданных узлов (то есть, x childNodes) во вновь созданный фрагмент документа, который затем будет кешироваться в следующий раз. Затем он вернет фрагмент childNodes как свежую коллекцию DOM. Обратите внимание, что на самом деле все гораздо сложнее, так как jQuery выполняет несколько кросс-браузерных проверок и различные другие оптимизации. Например, если вы передадите просто
<div></div>
в jQuery(), jQuery будет использовать ярлык и просто сделает document.createElement('div').
Может кто-нибудь упростить это?