`

dom文档节点操作--添加

阅读更多

实现追加文字的效果:

insertBefore()   -- 在指定的子节点前插入一个新的子节点。返回新的子节点。

appendChild() -- 已存在的节点添加子节点。新节点会添加(追加)到最后一个子节点后。

 

 

var words=new Array("a","b","c","d","e","f","g","h","i","g");

function AddText(el){
     var s="",n,i;
     n=RandomNumber(20,80);
     for(i=0;i<n;i++)
            s+=words[RandomNumber(0,words.length-1)]+" ";//随机取出words数组中的元素迭代追加到s
     var t=document.createElement("p");//新建p标签
     t.appendChild(document.createTextNode(s));//建立一个新的text节点,包含指定的数据S

     el.parentNode.insertBefore(t,el);
}

function RandomNumber(n1,n2){//返回大于n1小于n2的随机数
	return(Math.floor(Math.random()*(n2-n1))+n1);
}

 

 

 

分享到:
评论

相关推荐

    Dom文档对象模型-2010版

    总的来说,2010版的"DOM文档对象模型"手册是Web开发者的宝贵资源,它详尽地解释了DOM的各个方面,无论你是新手还是经验丰富的开发者,都能从中受益匪浅。通过深入理解和熟练运用DOM,你可以更好地构建动态、交互性强...

    Dom文档对象模型-2010版chm

    **DOM文档对象模型** DOM(Document Object Model)是W3C组织制定的一种标准,它提供了一种结构化的表示XML或HTML文档的方式,并定义了访问和操作这些文档的标准接口。DOM模型将网页内容视为一个树形结构,每个节点...

    DOM应用---遍历网页中的元素

    - DOM树是由文档的各个部分组成的,包括元素、属性、文本节点等。每个节点都有父节点、子节点和兄弟节点,形成一个层次结构。 - `document`对象是DOM树的根节点,包含整个HTML页面。 2. **遍历DOM的基本方法** -...

    DOM文档对象中文手册.chm

    通过深入学习并实践DOM文档对象中文手册中的内容,开发者可以更好地掌握网页动态交互的能力,实现诸如动态加载数据、响应用户操作、以及创建复杂的前端应用等功能。DOM是现代Web开发不可或缺的一部分,对于提升网页...

    domtoimage使用HTML5canvas从DOM节点生成图像

    1. **DOM(Document Object Model)**:DOM是HTML和XML文档的编程接口,它将文档表示为树形结构,允许程序和脚本动态更新、添加、删除和改变元素和属性。 2. **HTML5 Canvas**:HTML5中的Canvas元素是一个可绘制...

    dom4j-2.1.1.jar

    1. **灵活的API**:DOM4J提供了简单易用的API,使得开发者可以方便地通过方法调用来处理XML文档,如添加、删除、修改元素和属性,以及查找节点等。 2. **高性能**:相比于标准的DOM API,DOM4J在内存消耗和处理速度...

    JavaScript利用HTML DOM进行文档操作的方法_.docx

    - 整个文档是一个文档节点(也称为根节点)。 - 每个标签是一个元素节点。 - 包含在标签中的文本是文本节点。 - 标签的每个属性是一个属性节点。 - 注释是注释节点。 #### DOM 接口及其属性和方法 DOM 把文档模拟...

    dom4j-2.1.0.jar dom4j-2.1.0-javadoc.jar

    2. **XPath支持**:DOM4J实现了XPath语言,允许开发者通过简洁的表达式来查询XML文档中的节点,大大简化了对XML数据的查找和操作。 3. **Element和Attribute对象**:DOM4J提供了Element和Attribute类,它们封装了...

    DOM文档对象中文手册

    **DOM文档对象中文手册** DOM(Document Object Model)是一种国际标准,它定义了一种结构化表示XML或HTML文档的方法,并提供了编程接口来处理这些文档。DOM是W3C(World Wide Web Consortium)组织制定的标准,...

    DOM文档对象中文手册(chm).rar

    **DOM文档对象模型详解** DOM(Document Object Model)是一种国际标准,它定义了一种结构化表示XML或HTML文档的方法,并提供了编程接口来处理这些文档。DOM文档对象模型是Web开发中的核心概念,允许开发者通过...

    dom4j---xml解析jar包

    与传统的DOM API相比,DOM4J更注重Java集合框架的集成,使得操作XML文档更加直观和高效。DOM4J的主要特点包括: 1. **面向对象的设计**:DOM4J将XML元素、属性、文本等都封装为Java对象,通过这些对象可以直接进行...

    dom4j--java框架技术

    DOM4J是一个强大的Java XML处理库,它提供了全面的XML解决方案,包括解析、生成、操作和序列化XML文档。DOM4J因其易用性和高性能,在Java开发者中广受欢迎,是许多Java框架如Spring、Hibernate等默认的XML处理工具。...

    dom4j-1.6.1.jar

    2. **XPath支持**:DOM4J允许通过XPath表达式直接访问XML文档中的元素,大大简化了查找和操作XML节点的过程。 3. **Element对象**:DOM4J的Element类代表XML的元素节点,它包含了一系列方法,如添加子元素、获取...

    DOM文档下载

    **DOM文档下载** 在Web开发领域,DOM(Document Object Model)是HTML和XML文档的一种标准表示,它将网页内容组织成一个树形结构,允许开发者通过JavaScript或其他脚本语言对页面进行动态操作。DOM文档提供了访问和...

    dom4j-1.61完整jar包

    此外,DOM4J还提供了XPath支持,可以方便地定位和操作XML文档中的任何节点。 **Jaxen-1.1-beta-7.jar** Jaxen是一个独立于XML解析器的XPath实现,它为各种XML处理API提供统一的XPath支持。Jaxen 1.1-beta-7是它的...

    XMLDOM对象方法中文手册chm

    - 在DOM中,XML文档被看作是一系列的节点,包括元素节点、属性节点、文本节点等。 - DOM提供了一套标准的方法,如`getElementsByTagName`,`getElementById`,`createNode`等,用于操作这些节点。 2. **XMLDOM...

    dom4j-2.0.3.zip

    1. **Element**: DOM4J中的Element类代表XML文档中的元素节点,它是DOM4J中最重要的类。通过Element,我们可以获取或设置元素的属性,添加子元素,以及遍历元素的子节点。 2. **Attribute**: 属性是元素的一部分,...

    dom4j Api文档 dom4j-1.6.1 api文档

    - **Document**: 在DOM4J中,`Document`代表整个XML文档,它是XML结构的根节点,包含所有的元素、属性和文本。 - **Element**: `Element`类表示XML文档中的一个元素,可以包含子元素、属性和文本。元素是XML文档...

    DOM 节点操作 【微重点】【案例】.pdf

    DOM 节点操作是Web前端开发中的一项核心技术,它涉及如何通过编程方式添加、移除、修改网页上的元素。 首先,我们要了解什么是节点。在DOM中,节点(Node)是文档树上的一个单元,它可以是HTML元素、属性、文本甚至...

Global site tag (gtag.js) - Google Analytics