71.DOM操作——怎样添加、移除、移动、复制、创建和查找节点

一顿操作猛如虎 / 2023-07-15 / 原文

71. DOM 操作——怎样添加、移除、移动、复制、创建和查找节点?

(1)创建新节点

createDocumentFragment(node);
createElement(node);
createTextNode(text);

(2)添加、移除、替换、插入

appendChild(node)
removeChild(node)
replaceChild(new,old)
insertBefore(new,old)

(3)查找

getElementById();
getElementsByName();
getElementsByTagName();
getElementsByClassName();
querySelector();
querySelectorAll();

(4)属性操作

getAttribute(key);
setAttribute(key, value);
hasAttribute(key);
removeAttribute(key);

详细资料可以参考:
《DOM 概述》
《原生 JavaScript 的 DOM 操作汇总》
《原生 JS 中 DOM 节点相关 API 合集》