美文网首页
js dom节点操作

js dom节点操作

作者: 回不去的那些时光 | 来源:发表于2020-01-20 15:32 被阅读0次

获取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节点)

相关文章

网友评论

      本文标题:js dom节点操作

      本文链接:https://www.haomeiwen.com/subject/tsvjzctx.html