DOM补充

快来打我* 2022-06-11 08:09 151阅读 0赞

**一、节点的创建，插入与克隆**

1. createElement("p")   创建一个节点（会自动补齐标签）

2. appendChild(p)       在元素末尾插入节点p

3. insertBefore(btn,p)  在元素内的p元素之前插入btn元素

4. cloneNode            克隆节点

如：

var  div = document . getElementsByClassName ( "div1" )\[ 0 \];

var  div2 = div . cloneNode ( true );

div . style . background = "red" ;

var  p = document . createElement ( "p" );

p . innerHTML = "我是一个P标签" ;

var  btn = document . createElement ( "input" );

btn . type = "button" ;

btn . value = "我是按钮" ;

div . appendChild ( p );

div . appendChild ( div2 );

div . insertBefore ( btn , p );

**注意：**

**节点被赋值给别的元素的时候，会直接迁移过去，原来的位置不会有该节点。不会复制。**

**详细请看我的笔记：**

**[http://note.youdao.com/noteshare?id=12d8e239bdb9dbc109f6e6ef19cab969&sub=7712DEF49B0F4CDFB7E86B12FFAB6438][http_note.youdao.com_noteshare_id_12d8e239bdb9dbc109f6e6ef19cab969_sub_7712DEF49B0F4CDFB7E86B12FFAB6438]**

[http_note.youdao.com_noteshare_id_12d8e239bdb9dbc109f6e6ef19cab969_sub_7712DEF49B0F4CDFB7E86B12FFAB6438]: http://note.youdao.com/noteshare?id=12d8e239bdb9dbc109f6e6ef19cab969&sub=7712DEF49B0F4CDFB7E86B12FFAB6438

发表评论取消回复

表情：

评论列表（有 0 条评论，151人围观）

还没有评论，来说两句吧...

相关阅读

相关【JQ _DOM】DOM

JQuery HTML DOM text() object.text():getter object.text(“your text you want to

淩亂°似流年/ 2024年04月01日 16:11/ 0 赞/ 67 阅读

相关 JavaFX 补充

TreeView TreeView UI控件为我们提供了一种渲染树结构的方法。树具有包含所有分层值的根节点。 ![在这里插入图片描述][watermark_type_

墨蓝/ 2023年10月05日 21:19/ 0 赞/ 38 阅读

相关 jQuery 补充

jQuery事件机制一般通过on、off方法来实现，不过也有简写的形式。 1、事件处理命名函数法： $("<div></div>").appendTo

àì夳堔傛蜴生んèń/ 2023年07月07日 11:27/ 0 赞/ 28 阅读

相关样式补充

文章目录样式补充 display：list-item 图片失效时的宽高问题行盒中包含行块盒或可替换元素 t

今天药忘吃喽~/ 2022年11月30日 04:11/ 0 赞/ 141 阅读

相关 C++ 补充

标准输入流 cin>>x; 读入整型数时，以第一个非数字为终结读入字符串时，以第一个空格，Tab 或换行符为终结 cin.getline

逃离我推掉我的手/ 2022年09月09日 06:41/ 0 赞/ 156 阅读

相关 mysql 补充

SQL语言定义了这么几种操作数据库的能力： DDL：Data Definition Language DDL允许用户定义数据，也就是创建表、删除表、

以你之姓@/ 2022年09月08日 00:07/ 0 赞/ 164 阅读

相关 DOM补充

一、节点的创建，插入与克隆 1. createElement("p") 创建一个节点（会自动补齐标签） 2. appendChild(p) 在元素末

快来打我*/ 2022年06月11日 08:09/ 0 赞/ 152 阅读

相关 [DOM] 什么是 DOM

一、写在前面: 1. Dom 即 Document Object Model (文档对象模型)，为 HTML、XML 设定的应用程序接口规范； 2. 定义了文档的逻辑

àì夳堔傛蜴生んèń/ 2022年06月03日 21:11/ 0 赞/ 256 阅读

相关补充 -1

1）A类网络的默认掩码是255.0.0.0，换算成二进制就是11111111.00000000.00000000.00000000；默认掩码意味着没有将A类大网(A类网络)再划

青旅半醒/ 2021年12月10日 10:55/ 0 赞/ 263 阅读

相关 docker补充

Docker最初是dotcloud 公司创始人Solomon Hykes 在法国期间发起的一个公司内部的项目，在2013年3月1以Apache 2.0授权协议开源，主要项目代码

刺骨的言语ヽ痛彻心扉/ 2021年11月26日 10:14/ 0 赞/ 297 阅读