创建文本节点createTextNode

最新推荐文章于 2021-08-30 20:18:33 发布
最新推荐文章于 2021-08-30 20:18:33 发布
阅读量1.4k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24193261/article/details/52582982
版权

createTextNode()方法创建新的文本节点，返回新创建的Text节点。

语法：

documnet.createTextNode(data)

参数：

data:字符串值，可规定此节点的文本

例子：创建一个<div>元素并向其中添加一条消息

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
    .a1{
    width:200px;
    height:100px;
    background-color:#ccc;
}
</style>
</head>
<body>

   <script type="text/javascript">  
   var element=document.createElement("div");
   element.className="a1";
   var textNode=document.createTextNode("hello word!");
   element.appendChild(textNode);
   document.body.appendChild(element);
</script>  
 
 </body>
</html>

例子：创建一个P标签，设置className属性，使用createTextNode创建文本节点“I love javaScript!!”

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">

.message{    
    width:200px;
    height:100px;
    background-color:#CCC;}
    
</style>
</head>
<body>
<script type="text/javascript">
   var element = document.createElement("p");
   element.className = "message";
   var textNode = document.createTextNode("I love JavaScript!");
   element.appendChild(textNode);
   document.body.appendChild(element);

</script>

</body>
</html>

凉川望远
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web前端学习笔记24-文本节点textNode与文档节点document
WPF调用摄像头（借用WPFMediaKit库）
08-01 1166
一、textNode文本节点 在HTML中一个页面中的文字都是由浏览器中的文本节点创建而成的 1.1 成员属性 关键字 释义 length 获取一个文本节点的字符个数 data 表示文本节点的文本内容字符串 1.2 成员方法 关键字 释义 格式 splitText 切割文本节点 文本节点.splitText(切割位置); appendData 在文本节点的最后插入字符串 文本节点.appendData('插入的字符串'); inserData 在文本节点的指定
createTextNode和innerHTML
红色枫叶的博客
10-10 2184
一、createTextNode 例如: var element = document.createElement("div"); element.className = "message"; var textNode = document.createTextNode("&lt;Strong&gt;Hello&lt;/Strong&gt;"); element.appendChild(te...
createTextNode() 方法
LdleFlsh的博客
06-09 4252
创建文本节点 定义和用法 createTextNode() 可创建文本节点。 语法 document.createTextNode(text) 参数 参数 类型 描述 text String 必须。文本节点的文本。 返回值 类型 描述 文本节点对象 创建文本节点 所有主要浏览器都支持 createTextNode() 方法 作用1 ：创建一个文本节点 作用2:创建一个标题 ...
createTextNode
weixin_30758821的博客
10-30 221
createTextNode()方法将创建一个包含给定文本的新文本文档节点。这个方法的返回值是一个指向新建文本节点的引用指针： reference = document.createTextNode(text); 这个方法只返回一个参数：新建文本节点所包含的文本字符串。 reference = document.createTextNode("hello world"); ...
createTextNode() 方法和createTextNode（）方法
weixin_30407099的博客
07-31 544
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body> <p id="demo">单击按钮创建一个标题</p><button onclick...
javascript使用appendChild追加节点实例
12-12
本文实例讲述了javascript使用appendChild追加节点的方法。分享给大家供大家参考。具体分析如下： DOM树节点的增加，实例代码...//创建文本节点    var cont = document.getElementById(‘container’);//获取节点
JAVASCRIPT操作DOM建立增加删除克隆访问节点示例宣贯.pdf
11-13
2. 创建文本节点 使用 `createTextNode()` 方法可以创建一个文本节点。例如，`var value = document.createTextNode("text");` 创建了一个文本节点。这个文本节点可以被添加到元素节点中，但是它也不会被自动添加到...
JavaScript节点及列表操作实例小结
12-11
createTextNode() //创建一个文本节点 （2）添加、移除、替换、插入 appendChild() removeChild() replaceChild() insertBefore() （3）查找 getElementsByTagName() //通过标签名称 getElementsByName() //通过...
js在指定位置增加节点函数insertBefore()用法实例
12-10
本文实例讲述了js在指定位置增加节点函数insertBefore()用法。分享给大家供大家参考。具体分析如下： 函数原型如下： insertBefore(参数1，参数2)：在指定位置添加节点 ...//创建一个文本节点  nodeli.appendChild
C#操作XML时，对xmlNode增、删、改操作
05-05
在C#中，创建节点可以使用CreateElement()或CreateNode()方法，CreateElement()方法用于创建元素节点，而CreateNode()方法用于创建各种类型的节点，包括元素节点、属性节点、文本节点等。CreateElement()方法有三个...
javascript DOM 编程方法——创建文本节点
网匠搜索
10-16 2366
以下内容来自网匠科技  创建文本节点************************createTextNode()***************************createTextNode()方法将创建一个包含着给定文本的新文本节点。这个方法的返回值是一个指向新建文本节点的引用指针： reference = document.createTextNode(text
[JavaScript]Dom_创建带文本的元素节点
wy1948的博客
08-30 1233
1、相关方法简介 1、write()方法:可以把任意字符串插入到文本中 2、createElement() 【格式】document.createElement(标签名) 3、appendChild() 【格式】parent.appendChild(newNode) 功能：将newNode插入到parent子节点的末尾。 4、createTextCode() 【格式】document.createTextCode(文本) 功能；创建文本节点。 1、write()方法 <!DOCTY
JavaScript DOM创建元素节点（createElement）创建文本节点（createTextNode）创建注释节点createComment
编程界明世隐的博客
12-16 2043
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> </head> <body> <div id="box"> </div> </bo...
JavaScript——创建文本节点
ynd_sg的博客
11-09 592
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style type="text/css">.message{ width:200px; height:100px; backgr
createtextnode生成空节点
joyf
12-10 645
Element title = document.createElement("Title"); title.appendChild(document.createTextNode("")); workshop.appendChild(title); 如果这样生成的xml是这个形式： 如何得到这样的形式呢？ 谢...
JS中的createElement(),createTextNode(),cloneNode()
remotesupport的专栏
12-26 3577
DOM允许你创建自己的元素和文本节点，并把它们添加大文档树中。理论上上说，你可以从树中移除所有的元素，创建新元素，或者重整文档树，从而完全改变页面。但是在实践中，这个特性用起来有些限制。DOM也允许你克隆现有的元素，已便你能方便地复制文档的某一部分并在文档中分发副本。 51CTO推荐阅读：JavaScript DOM的本质及操作方法 createElement()和create
获取和修改text node
平行
03-04 825
text node 是指 &lt;h2&gt;&lt;span&gt;In span&lt;/span&gt;Text Node &lt;/h2&gt;   JQuery没有直接对文本节点进行操作的接口。   获取：采用节点类型过滤。 $("h2").contents().filter(function(){return this.nodeType == 3;});   修改：采用...
pyquery获取文本节点（TextNode）
wujunlei1595848的博客
06-05 1872
from pyquery import PyQuery as pq p = pq(字符串) for i in p.contents(): print(i)
创建文本节点会返回一个什么东西
最新发布
05-18
创建文本节点会返回一个 Text 节点对象，它代表了 HTML 或 XML 文档中的文本内容。可以使用 JavaScript 操作 Text 节点来改变文本内容、访问文本内容等。例如，可以使用以下代码创建一个新的 Text 节点对象： ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值