`

DOM：createElement(),appendChild()和createTextNode()

.netHTMLBlog 
阅读更多
createTextNode  创建的是内容 
createElement    创建的标签

http://www.cnblogs.com/gaonengquan/archive/2009/04/07/1430986.html

document.createElement()的用法
http://blog.csdn.net/rocky_j2ee/archive/2009/01/30/3855130.aspx
关于createElement("a")的几个例子：
http://www.jb51.net/article/10961.htm 
<html> 
<head> 
<title>DOM Test</title> 
</head> 
<body> 
<p id="hello" style="background-color:#FFFF00"> &nbsp;</p> 
</body> 
<script> 
var text1 = document.createTextNode( "xx"); 
var text2 = document.createTextNode( "dd"); 
var oneinput = document.createElement( "input"); 
oneinput.type = "text"; 
var thep = document.getElementById( "hello"); 
thep.appendChild(text1); 
thep.appendChild(oneinput); 
thep.appendChild(text2); 
</script> 
</html>


分享到：
| JavaScript去除空格的三种方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    PHP100视频教程89：PHP.XML.的.DOMDocument.读取功能.rar

    - **创建节点**：`DOMDocument::createElement()`用于创建新的元素节点，`DOMDocument::createTextNode()`创建文本节点。 - **插入节点**：`DOMNode::appendChild()`将新节点添加到父节点的末尾，`DOMElement::...

    DOM对象的深入学习

    - 方法：`appendChild()`、`cloneNode()`、`hasChildNodes()`、`insertBefore()`、`removeChild()`和`replaceChild()`，用于操作节点的添加、复制、检查子节点、插入、删除和替换。 5. **其他对象**： - `...

    kld-trivial-dom:一个非常简单的类似 DOM 的节点模块

    - `createTextNode`: 用于创建文本节点，对应于DOM中的`document.createTextNode`。 2. **插入和删除节点**： - `appendChild`: 类似于DOM中的`appendChild`，将新节点添加到指定元素的子节点列表末尾。 - `...

    The-DOM:操作DOM

    在"The-DOM-master"这个压缩包中，可能包含了关于DOM操作的各种示例代码、教程或者工具，学习这些内容可以帮助你更好地理解和运用DOM，从而实现动态网页的交互和功能扩展。在实际开发中，熟练掌握DOM操作是每个...

    JavaScript-DOM:JS学习者使用JavaScript DOM的最小项目

    此外，还能了解到如何组织和封装代码，以实现更高效、可维护的DOM操作。掌握这些基本技能是成为熟练的前端开发者的关键步骤。对于初学者，这是一个很好的起点，因为它提供了一个简单但完整的实践场景，能够让他们...

    十三、前端基本功：DOM练习.rar

    本练习集主要关注如何运用DOM来操作和改变网页内容。下面我们将深入探讨DOM的基本概念、常用方法以及实际应用。 1. DOM基本概念： DOM将HTML或XML文档视为一个可编程的对象集合，每个HTML元素都是一个节点，包括...

    第 5 章 BOM 和DOM.pptx

    * 方法：createElement()、createTextNode()、appendChild()、insertBefore()、removeChild()、replaceChild() 等。 DOM 事件： DOM 事件是指文档中发生的事件，如点击、鼠标移过、键盘输入等。DOM 事件可以使用...

    JavaScript DOM 编程艺术1

    - DOM方法如createElement、appendChild和createTextNode提供更灵活和高效的方式来操作文档结构。 8. 实现内容的动态性： - 避免使用内联JavaScript和CSS，提倡结构与样式分离。 - 利用Ajax实现异步数据交换，...

    Visual C++解析读写XML文件,纯原生源代码, 无需安装三方库!

    - 对于字符串输入，可能需要使用`DOMDocument::createTextNode`和`DOMElement::appendChild`来创建和添加新的XML节点。 5. **XML序列化**： - 当需要将数据保存回XML时，需要将节点转换为字符串。可以使用`...

    javascrip和xml Dom小练习

    - **创建节点**：`createElement()`, `createTextNode()`, `appendChild()`, `insertBefore()`等方法用于创建新节点并将其插入到文档中。例如，创建一个新的`&lt;p&gt;`元素并添加到页面： ```javascript var newPara = ...

    DOM — DOM对象继承关系1

    除此之外，DOM 中还提供了一些常用的方法，例如 appendChild、createElement、createTextNode、focus、click 和 blur 等，可以用来创建和操作文档中的节点。 DOM 对象继承关系是 DOM 编程的基础，了解这些继承关系...

    计算机应用技术-DOM-教学课件.pptx

    - 创建新节点：`createElement`、`createTextNode`等。 - 插入和删除节点：`appendChild`、`insertBefore`、`removeChild`等。 - 复制和移动节点：`cloneNode`、`appendChild`配合使用可移动节点。 6. **样式...

    JS操作DOM元素属性和方法.pdf

    文档对象模型（DOM）是一个跨平台和语言独立的接口，允许程序和脚本动态地访问和更新文档的内容、结构和样式。本知识点将详细介绍如何使用JavaScript来操作DOM元素的属性和方法。 DOM结构是基于树状结构的，每个...

    HTML DOM 常用的属性和方法

    HTML DOM（文档对象模型）是Web开发中用于访问和操作HTML或XML文档的标准接口。它将HTML页面结构转化为一个可编程的对象模型，使得开发者可以通过JavaScript或其他脚本语言对页面进行动态更新和交互。在这个模型中，...

    dom手册

    2. **创建节点**：`createElement()`、`createTextNode()`用于创建新的元素和文本节点。 3. **插入节点**：`appendChild()`、`insertBefore()`、`replaceChild()`用于添加、插入或替换节点。 4. **删除节点**：`...

    PHP100视频教程90：PHP DOM 创建生成多功能 XML文件

    在处理复杂的XML结构时，可以嵌套`createElement`和`appendChild`调用来构建元素树。例如，为`book`元素添加子元素`author`： ```php $author = $xml-&gt;createElement('author'); $author-&gt;appendChild($xml-&gt;...

    JavaScript：DOM操作与事件处理

    - **方法**：`createElement()`、`createTextNode()`等。 #### 四、DOM选择器 在JavaScript中，DOM选择器是用来从文档对象模型中选择特定元素的方法。常见的选择器包括： 1. **getElementById()**：根据ID选择...

    JavaScript DOM编程艺术 附录.pdf

    在DOM中，`createElement()`和`createTextNode()`是最基础的创建新节点的方法。`createElement()`接受一个参数，即元素的标签名，如`&lt;div&gt;`、`&lt;p&gt;`等，返回一个表示该元素的节点对象。例如： ```javascript var ...

    前端大厂最新面试题-Dom.docx

    "前端大厂最新面试题-Dom" DOM（Document Object Model）是 HTML 和 XML 文档的编程接口，它提供了对文档的结构化的表述，并...了解 DOM 的操作方法可以帮助我们更好地理解和使用前端框架，提高我们的开发效率和效果。

    DOM文档对象中文手册.chm

    - **创建节点**: `createElement()`、`createTextNode()`等方法用于创建新的节点。 - **插入节点**: `appendChild()`、`insertBefore()`等方法可以将新节点添加到文档中。 - **删除节点**: `removeChild()`方法...

Magicbox
Global site tag (gtag.js) - Google Analytics