怎样在当前节点的最后一个元素子节点后面增加新的元素子节点

使用 ParentNode.append(), 比如下面是在body元素节点下追加一个子元素节点:

var parent = document.body;

// 添加元素子节点
var p = document.createElement(‘p‘);
parent.append(p);

// 添加文本子节点
parent.append(‘Hello‘);

// 添加多个元素子节点
var p1 = document.createElement(‘p‘);
var p2 = document.createElement(‘p‘);
parent.append(p1, p2);

// 添加元素子节点和文本子节点
var p = document.createElement(‘p‘);
parent.append(‘Hello‘, p);

注意:

1. 可以添加多个节点, 但节点类型只能是元素节点或文本节点;

2. 新增的节点位于当前节点的最后一个子节点的后面, 即: 追加;

原文地址:https://www.cnblogs.com/aisowe/p/11528877.html

时间: 2024-10-29 19:46:10

怎样在当前节点的最后一个元素子节点后面增加新的元素子节点的相关文章

HTML5 新模块元素兼容问题

新增块元素默认样式 下列HTML5新模块元素在IE8.9版本浏览器中没有被定义默认样式.为解决该问题,给下列元素添加“block”显示属性. 代码: article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } 特殊新增块元素 下列HTML5新模块元素在IE8.9版本浏览器中没有被定义默认样式,考虑到其特殊性,特为下列元素添加

jquery如何添加一个新的元素节点

jquery如何添加一个新的元素节点: 在原生的javascript中,可以使用creatElement()函数创建一个元素节点,下面介绍一下如何用jquery创建一个元素节点. 代码如下: <script type="text/javascript"> $(function(){ $(".wrap").append("<p>蚂蚁部落</p>"); }) </script> </head>

第一个Polymer应用 - (2)创建你自己的元素

原文链接: Step 2: Your own element翻译日期: 2014年7月6日翻译人员: 铁锚 通过上一节的学习和实践, 您已经完成了一个基本的应用程序结构(application structure),从现在开始可以构建一个标签页(card element,卡片元素)来显示名片(post).完成后的标签页包括个人头像,名字,红心按钮,以及内容区域: 图片 有点水(平?)的皮冻 在本节中,你将会创建一个 <post-card> 元素,用来控制他的子元素布局和样式, 完成后就可以像前

js Dom(三)节点、元素创建3种方式、为元素绑定多个事件addEventListener、attachEvent

目录: 1.节点的概念    2.节点的属性(nodeType,nodeName,nodeValue)    3.父节点(父元素)    4.获取子节点或子元素    5.获取节点.元素的方法(12行代码)    6.案例:div标签里面的p标签背景高亮(使用子节点或子元素的方式)    7.封装节点兼容代码    8.案例:切换背景图片    9.案例:全选.全不选    10.元素创建的第一种方式  document.write("<p>文本</P>"); 

LeetCode OJ:Populating Next Right Pointers in Each Node II(指出每一个节点的下一个右侧节点II)

Follow up for problem "Populating Next Right Pointers in Each Node". What if the given tree could be any binary tree? Would your previous solution still work? Note: You may only use constant extra space. For example,Given the following binary tr

求一个矩阵中最大的2*2矩阵(元素和最大)的和

编程题在线编程题30分2/2最大子矩阵Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others)Problem Description:求一个矩阵中最大的2*2矩阵(元素和最大)的和.如:1 2 0 3 42 3 4 5 11 1 5 3 0中最大的是:4 55 3和为17输入m*n的矩阵输出该m*n矩阵的最大2*2子矩阵(元素和最大)的和 样例输入 1 2 0 3 4 ; 2 3 4 5 1 

算法题:找出一个数组中依次最大的k个元素

package arithmetic; import java.util.Arrays; /** * 找出一个数组中依次最大的k个元素 * @author SHI */ public class FindMaxFigure { public static void main(String[] args) { int[] a=new int[]{1,5,-1,8,0,2}; System.out.println(Arrays.toString(findBigFigure(a, 3))); } /*

jquery如何在li元素列表的开头添加一个新li元素

jquery如何在li元素列表的开头添加一个新li元素:本章节介绍一下如何在li元素列表的开头添加一个li元素,大家最为习惯的是使用append()函数在li元素列表后面追加一个新的li元素,下面就通过代码实例介绍一下如何实现在前面添加一个新的li元素.代码如下: <!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" co

[经典面试题]输入一个排好序的数组的一个旋转,输出旋转数组的最小元素。

[题目] 把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转.输入一个排好序的数组的一个旋转,输出旋转数组的最小元素.例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转,该数组的最小值为1. [分析] 这道题最直观的解法并不难.从头到尾遍历数组一次,就能找出最小的元素,时间复杂度显然是O(N).但这个思路没有利用输入数组的特性,我们应该能找到更好的解法. 我们注意到旋转之后的数组实际上可以划分为两个排序的子数组,而且前面的子数组的元素都大于或者等于后面