`

创建节点,添加文本

 
阅读更多
<script src="showpic.js"></script> //
document.write()

document.getElementById("ltest")
alert(test.innerhtml)   //展示id为test的节点的属性值。

var test=document.getElementById("test")
test.innerhtml="<p>...</p>"为id为test的节点设置属性值。

var para= document.creatElement("p")//创建元素节点
var text= document.creatTextNode("Hello World")//创建文本节点
para.appendChild(text)//将文本节点插入元素节点中

//检验creatElememt。
function(){
  var para=document.creatElement("p")
  var info="nodeName: "
  info+=para.nodeName
  info+="nodeType: "
  info+=para.nodeType
  alert(info)
}

   //利用creatElement,creatTextNode和appendChild方法实现图片的展示标签和描述标签的创建
var holeplace = document.creatElement("img")   //创建img元素节点
holdplace.setAttribute("id","holdplace")       //定义Id 属性值
holdplace.setAttribute("src",holdplace.png)    // 定义src属性值
var description=document.creatElement("p")     // 创建p节点元素
var destext=document.creatTextNode("Chose a gif")//创建文本节点元素
description.appendChild(destext)                 //将文本节点插入出入元素节点中
// 将图片的展示标签和描述标签插入文本中。
document.body.appendChild(holdplace)
document.body.appendChild(description) 



分享到:
评论

相关推荐

    JQ 创建节点

    本篇文章将深入探讨“JQ创建节点”的知识点,这在构建动态网页时非常关键。 首先,理解DOM(Document Object Model)是至关重要的。DOM是HTML或XML文档的结构化表示,允许程序和脚本动态更新、添加或删除页面元素。...

    javascriptjs创建节点

    在 JavaScript 中,创建节点是指在文档中添加新元素或文本的过程。创建节点可以使用 createElement()、createTextNode() 和 cloneNode() 等方法。 createElement() 方法 createElement() 方法用于创建一个新的元素...

    GoJs关系图谱动态添加节点图片头像等实例

    动态添加节点意味着在运行时创建新的节点并将其添加到图谱中。这可以通过调用`Diagram.add`方法实现,同时更新模型数据以保持一致。例如,你可以监听用户的某个操作(如点击按钮),然后在事件处理函数中创建新节点...

    DOM节点中元素节点与文本节点操作方法.pdf

    DOM提供了一系列方法来操作这些节点,如`createElement`和`appendChild`用于创建和添加新元素,`replaceChild`用于替换节点,`firstElementChild`和`lastElementChild`用于访问元素子节点,以及`nextElementSibling`...

    QT+TreeWidget 节点添加删除修改源码

    在`QT+TreeWidget 节点添加删除修改源码`项目中,主要涉及到以下几个关键知识点: 1. **QT基础知识**:首先,需要对QT库有基本的理解,知道如何创建一个QT项目,设置工程,以及编译和运行QT应用程序。了解QWidgets...

    CTreeCtrl添加.删除节点

    总结,CTreeCtrl是一个功能强大的控件,通过它的API,开发者可以方便地创建和管理树型数据结构,实现节点的添加、删除和移动,从而在Windows应用程序中提供直观的用户交互体验。在实际开发中,理解并熟练运用这些...

    treeview添加节点方法

    在上面的代码中,我们可以看到使用了递归方法来添加子节点,该方法可以将所有的子节点添加到 TreeView 控件中。 在添加子节点时,我们需要注意 TreeNode 对象的 ChildNodes 属性,该属性用于存储所有的子节点信息。...

    动态添加树节点

    在网页加载时,通过循环遍历数据库查询结果,我们可以创建一系列的TreeNode对象,并将它们添加到TreeView的节点集合中。 在给定的代码中,`Page_Load`事件处理器是关键部分。它首先检查页面是否为PostBack,这是...

    创建,添加xml结点

    3. **添加子节点**:接着,我们可以为根节点添加子节点。比如,我们可以创建`&lt;person&gt;`节点,再添加属性和内容。创建带有属性的元素时,使用`setAttribute()`方法,设置元素的属性值。然后,将子节点添加到父节点。 ...

    DOM访问/创建/删除/修改文档节点及属性方法

    1. `appendChild(新子节点)`: 将新节点添加到节点的子节点列表的最后。 2. `insertBefore(新子节点, 参考子节点)`: 将新节点插入到指定节点前面。 删除或替换节点 可以使用以下方法删除或替换节点: 1. `...

    javascript将DOM节点添加到文档的方法实例分析.docx

    这种方式的优点在于,每次创建节点后都立即将其添加到DOM,这样可以减少一次性添加大量节点带来的性能压力。 1. 创建一个空容器(`var container=document.createElement("div")`) 2. 将容器添加到文档(`obj....

    右击树形控件实现节点动态添加删除修改(VC 6.0实现)

    // 创建新节点的文本 CString newNodeText = _T("新建节点"); TV_INSERTSTRUCT insertStruct; insertStruct.hParent = hParent; insertStruct.hInsertAfter = TVI_LAST; insertStruct.item.mask = TVIF_TEXT; ...

    jQuery动态添加节点循环流程图表代码

    3. **动态创建节点**:在接收到添加节点的请求时,创建新的HTML元素,包括表示节点的文本、图标以及其他必要的属性。 4. **插入节点**:使用jQuery的方法将新节点添加到流程图的适当位置,同时更新内部数据结构以...

    jquery创建节点

    当我们谈论“jQuery创建节点”,我们实际上是指利用jQuery API来动态地在HTML文档中添加新的元素。这个过程对于构建交互式的网页或者动态更新内容来说至关重要。下面将详细介绍jQuery创建节点的相关知识点。 1. **...

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

    4. **添加文本内容**:在元素之间添加文本,如 `编程艺术&lt;/title&gt;`。 接下来,我们讨论“节点的描述”。在XML中,节点是文档的基本构建块,包括元素、属性、文本、注释、处理指令等。理解这些节点的性质和用途对...

    C# TreeView递归添加子节点

    在方法中,创建一个新的`TreeNode`,设置其文本为文件夹或文件的名称,然后将其添加到父节点下。对于目录,还需要调用自身,传入子目录的`FileSystemItem`和新创建的`TreeNode`。 ```csharp private void ...

    treeview动态添加节点内容 立刻保存至数据库

    `TreeNode`类代表单个节点,包含了节点文本、图像索引以及子节点列表等属性。 ### 二、连接数据库 首先,我们需要建立与数据库的连接。在C#中,常用的数据库连接库有`System.Data.SqlClient`(SQL Server)或`...

    TreeView通过读数据库里的记录创建节点.docx

    以下是对`TreeView`控件通过数据库记录创建节点的详细说明: 1. **结构与属性**: `TreeView`控件由一系列节点组成,这些节点可以通过`TreeView.items`属性访问,`items`是一个`TTreeNodes`对象,包含了`TTreeNode...

    Treeview在winform中的运用(从数据库动态添加节点,增加节点、删除节点、复制节点)

    复制节点可以分为两个步骤:克隆选定节点和将克隆的节点添加到树中。使用TreeNode的`Clone()`方法可以创建一个与原始节点完全相同的副本。然后,根据需要选择添加副本的位置,可能是同一层级或者作为其他节点的子...

    jacascript DOM节点——元素节点、属性节点、文本节点

    在实际开发中,DOM节点的操作非常常见,如动态添加、删除或修改元素和属性,或者通过遍历DOM树来查找特定的节点。理解元素节点、属性节点和文本节点的概念及其操作方法是JavaScript Web开发的基础。熟练掌握这些知识...

Global site tag (gtag.js) - Google Analytics