含義:
insertBefore:在現(xiàn)有的子節(jié)點(diǎn)前加入一個(gè)新的子節(jié)點(diǎn)。
append:在現(xiàn)有的子節(jié)點(diǎn)后加入一個(gè)新的子節(jié)點(diǎn)。
用法:
target.insertBefore(newChild,existingChild);
target是父節(jié)點(diǎn),newChild是要插入到existingChild節(jié)點(diǎn)之前的節(jié)點(diǎn)。
target.appendChild(newChild);
target是父節(jié)點(diǎn),newChild是要插入到所有子節(jié)點(diǎn)之后的節(jié)點(diǎn)。
兼容性問(wèn)題:
在IE下,使用 insertBefore 時(shí),第二個(gè)參數(shù),也就是 existingChild 可以被省略。
而在 Chrome 與火狐下,第二個(gè)參數(shù)必須寫(xiě)上。
Chrome 報(bào)錯(cuò):Uncaught TypeError: Failed to execute ‘insertBefore‘ on ‘Node‘: 2 arguments required, but only 1 present.
火狐報(bào)錯(cuò):TypeError: Not enough arguments to Node.insertBefore