获取dom节点
// 通过id获取
document.getElementById(id);
// 通过class获取
document.getElementByClassName(class);
// 通过tag获取
document.getElementByTagName(tag);
// 通过id/class/tag获取
document.querySelector(id/class/tag);
// 通过id/class/tag获取(获取的是一个数组)
document.querySelectorAll(id/class/tag);
// 获取父dom节点
dom节点.parentNode;
新增dom节点
// 1、创建dom节点
document.createElement(name);
// 2、通过innerText或innerHTML填充数据
dom元素.innerText = "text";
dom元素.innerHTML = "<span style='color: red'>html</span>"
// 3、将dom节点追加到原有的dom节点中
oldDom.appendChild(newDom);
删除dom节点
父dom节点.removeChild(要删除的dom节点)
网友评论