JavaScript节点操作-增删改

document.createElement()用来生成网页元素节点,参数为元素的标签名;document.createTextNode()用来生成文本节点,参数为所要生成的文本节点的内容;node.appendChild()接受一个节点对象作为参数,将其作为最后一个子节点,插入当前节点;node.hasChildNodes()返回一个布尔值,表示当前节点是否有子节点node.removeChild()接受一个子节点作为参数,用于从当前节点移除该子节点

node.cloneNode()用于克隆一个选中的节点。它接受一个布尔值作为参数,表示是否同时克隆子节点,默认是false,即不克隆子节点。注意: 不会克隆绑定到该元素上的事件;

node.innerHTML返回该元素包含的 HTML 代码。该属性可读写,常用来设置某个节点的内容;(不属于W3C DOM规范)

node.innerText

返回该元素包含的内容,该属性可读写。




案例:

点击按钮创建img节点,添加到body中



动态创建文本框


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

推荐阅读更多精彩内容

  • 原文 https://www.kancloud.cn/dennis/tgjavascript/241852 一、节...
    LuckyS007阅读 863评论 0 0
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,690评论 0 7
  • 前言:尽管现在有很多优秀的框架,大大简化了我们的DOM操作,但是我们仍然要学好DOM知识来写原生JS,从根本上去理...
    长鲸向南阅读 1,921评论 0 0
  • 收集于网络,特此整理。 多看看API,总是没坏处~ 一、节点 1.1 节点属性 Node.nodeName //...
    前端程序猿阿旭阅读 5,424评论 1 1
  • 基本概念 DOM DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Ob...
    许先生__阅读 891评论 0 1