`

创建元素节点和文本节点的基础语法

阅读更多
<script type="text/javascript">
		//在原来的基础上添加一个子节点;		
		var anchorText=document.createTextNode("测试01");
		var anchorAlink=document.createElement("a");
		anchorAlink.appendChild(anchorText);
		//在它的后面添加一个节点;
		var parent=document.getElementById("startLink");
		
		//var newChild=parent.appendChild(anchorAlink);
		//在它的前面添加一个节点;
		var aLink=document.getElementById("link1");
		var aParent=aLink.parentNode;
		//aParent.insertBefore(anchorAlink,aLink);
		//第一个参数为要加的新节点,第二个是说在那个节点之前加;
		//接下来,我们试一下,替换节点
	aParent.replaceChild(anchorAlink,aLink);
	//指定的节点定被替换掉;one为新的,two为老节点;		
	</script>


总结:
appendChild是在指定的一个对象中最后面加上要新增加的东西;
insertBefore,replaceChild语法,第一个总是新的节点的.第二个参数为老的节点;

=====================================================================
将数组转化为字符串的方法;
<script type="text/javascript">
            var friuts = ["apple", "banane", "pear", "orange"];
            var test1 = friuts.join('');
            console.log(test1);
            var test2 = friuts.join();
            console.log(test2);
            var test3 = friuts.join(" or ");
            console.log(test3);   

            //applebananepearorange
            //apple,banane,pear,orange
            //apple or banane or pear or orange
        </script>

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    jQuery与JavaScript节点创建方法的对比.docx

    在网页开发中,jQuery 和 JavaScript 都提供了创建和操作 DOM 节点的方法,但它们在语法和效率上存在一定的差异。本篇文章主要探讨了两者在创建节点方面的区别。 首先,我们来看一下创建一个 h1 标签并将其作为 div...

    用XPath精确定位节点元素

    节点测试是用来确定特定类型的节点,如元素节点(element())、文本节点(text())、属性节点(@attributeName)。谓语则用来过滤轴选择的结果,通常以方括号“[]”包含,可以是表达式或值比较,如“//element[@attr...

    XML文件追加Node节点

    对于不规范的XML,可能需要进行额外的错误检查和处理,例如验证XML是否符合语法规则,或者在添加节点时处理潜在的命名冲突。C#的XmlReader和XmlWriter类可以帮助我们处理这些情况,它们分别用于读取和写入XML数据,...

    练习2:访问当当购物车页面节点

    在HTML文档中,每个元素都可以看作一个节点,包括元素节点、属性节点和文本节点。元素节点是最常见的,比如`&lt;div&gt;`、`&lt;a&gt;`等,它们定义了网页的结构和内容。当我们谈论访问某个页面节点时,通常是指通过JavaScript或...

    纯js的树形菜单(添加删除节点)

    1. 创建一个新的父节点元素,设置其文本和必要的样式。 2. 使用jQuery将新父节点添加到指定位置。 3. 为新父节点添加一个点击事件,使其可以展开/折叠,或者添加子节点。 同样,删除节点需要: 1. 检查用户是否选择...

    Xml的添加操作与节点的描述

    3. **文本节点**:在元素标签之间的文本,如 "编程艺术"。 4. **注释节点**:以 `&lt;!-- 注释内容 --&gt;` 形式存在,用于提供文档的解释信息。 5. **处理指令节点**:如 `&lt;?xml version="1.0" encoding="UTF-8"?&gt;`,它...

    文本框获取节点文本框获取节点

    在HTML文档中,每个元素都是一个节点,包括元素节点(如`&lt;input&gt;`)、属性节点和文本节点等。在JavaScript中,我们可以使用DOM(Document Object Model)接口来操作这些节点。 1. **获取文本框节点:** - `...

    动力节点老杜Java零基础教程课堂讲义分享

    ### 动力节点老杜Java零基础教程课堂讲义知识点概览 #### 一、Java开发环境搭建 ##### 1.1 Java语言概述 - **背景与发展**:Java语言由Sun Microsystems公司的James Gosling在1990年创建,1995年正式发布。起初是...

    jQuery与JavaScript节点创建方法的对比

    但在实际开发中,动态创建内容主要涉及的是元素节点、属性节点和文本节点。 使用jQuery创建节点是相对较为简便的方法,因为jQuery提供了一套简洁的语法来操作DOM。jQuery是一个快速、小巧且功能丰富的JavaScript库...

    javascript获取指定节点父节点、子节点的方法.pdf

    3. `parentObj.childNodes`:返回父节点的所有子节点数组,包括文本节点。在IE7和Firefox上可能有所不同,需要考虑兼容性问题。 4. `parentObj.children`:返回父节点的直接子节点数组,IE7和Firefox上的表现可能...

    DOM和BOM的使用

    Node 类型是指 DOM 中的节点类型,它可以是文档中的任何元素,例如 HTML 元素、文本节点、注释节点等。Node 类型提供了许多方法和属性,开发者可以通过这些方法和属性来操作文档的内容和结构。 节点之间的关系 ...

    易语言-节点-节点示例

    8. **节点的序列化与反序列化**:为了保存或交换数据,节点可能需要被转换成文本或二进制格式,这涉及到序列化和反序列化过程。易语言提供了相关的函数支持,以便将节点数据写入文件或从文件读取。 通过深入学习和...

    XPath基础用法详解

    在XPath中,有几种基本的节点类型:元素(element)、属性(attribute)、文本(text)、命名空间(namespace)、处理指令(processing-instruction)、注释(comment)和文档(document)。每个XML节点都属于这些...

    cocos2d-lua 实现富文本

    在这个场景下,“cocos2d-lua 实现富文本”意味着我们要探讨如何在 Cocos2d-lua 中创建和处理包含多种格式、样式和动态内容的文本。富文本允许开发者展示更加丰富多彩的文本效果,如字体变化、颜色渐变、链接点击等...

    javaScript-DOM用法和示例

    它将文档结构转换成一个树形结构,使得我们可以通过JavaScript代码来访问和修改...掌握JavaScript DOM和基础语法是实现网页动态效果的关键,通过这些知识,开发者可以实现用户交互、数据动态更新等功能,提升用户体验。

    xpath的数据和节点类型以及XPath中节点匹配的基本方法

    3. 文本节点(TextNodes):文本节点包含元素节点或属性节点内的实际文本内容。每个文本节点都是唯一的,不存在两个文本节点包含相同字符数据的情况。 4. 属性节点(AttributeNodes):属性节点与特定的元素节点相...

    VRML参考节点

    VRML参考节点 VRML(Virtual Reality Modeling Language)是一种基于文本的三维模型语言,用于描述三维场景和模型。VRML文件由节点组成,每个节点都有其特定的功能和...了解这些节点的语法和属性是学习VRML的基础。

    前端js基础测试题.pdf

    - **创建节点**:使用`createDocumentFragment()`创建DOM片段,`createElement()`创建元素,`createTextNode()`创建文本节点。 - **添加/移除/替换/插入节点**:`appendChild()`用于添加子节点,`removeChild()`...

    vb读xml节点、属性值

    节点则包括元素节点、文本节点、注释节点等。 2. **VB中的XML处理** - 在VB6中,我们可以使用MSXML库(Microsoft XML,版本3.0或更高)来处理XML,引入`Msxml2.DOMDocument`对象,它提供了加载、解析和操作XML文档...

    易语言过滤html文本源码

    总的来说,易语言过滤HTML文本源码涉及的关键知识点包括:易语言的基础语法、字符串处理、正则表达式应用、HTML解析库的使用(如SanYe库)以及DOM树的遍历与操作。通过这些技术,开发者可以有效地从HTML文档中提取和...

Global site tag (gtag.js) - Google Analytics