DOM基本操作 备忘

常用的主要为节点基本操作地方容易忘记

获取节点

getElementById

getElementByTagName

getElementByClassName

querySelector 返回单个元素

querySelectorAll 两者区别 返回元素集合

appendChild

removeChild

insertBefore 插入节点

node.insertBefore(newnode,existingnode)

node.replaceChild(newnode,oldnode)

parentNode

firstChild

nextSibling 下一个兄弟元素

previousSibling  前一个兄弟元素

createElement

createAtrribute

createTextNode

getAttribute

element.setAttribute(attributename,attributevalue)

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • js基础篇（三）——DOM的各种操作
    1. 什么是DOM 文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定...
    hanyuntao阅读 5,072评论 0赞 4
  • 九、DOM
      DOM（文档对象模型）是针对 HTML 和 XML 文档的一个 API（应用程序编程接口）。   DOM 描绘...
    霜天晓阅读 9,075评论 0赞 7
  • HTML DOM初阶
    最近在学习javascript关于DOM的一些知识，在这里对DOM做一些总结。 1.DOM简介 DOM是W3C的标...
    风之郁少阅读 2,972评论 0赞 5
  • 你曾经爱我
    生活不是电视剧，不是小说，不是童话。灰姑娘的故事固然浪漫，但如果鞋真的合脚就不会掉。生活中其实没有那么多的两情相悦...
    啊哈哈哈禾阅读 5,675评论 0赞 2
  • 情不知所起，一往而深
    “人间自是有情痴，此恨无关风与月”每当人们谈起情，不同的人便会有不同的说辞，可是又何曾有人真正理解过情字，我很幸运...
    1703陈依霖阅读 2,870评论 1赞 3