JavaScript DOM创建元素节点（createElement）创建文本节点（createTextNode）创建注释节点createComment

最新推荐文章于 2024-05-28 00:30:00 发布
最新推荐文章于 2024-05-28 00:30:00 发布
阅读量2k 收藏 2
点赞数
分类专栏： javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dkm123456/article/details/111273774
版权 
 
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=GBK">
        </head>
        <body>
        	<div id="box">
        		
        	</div>
        </body>
<script>
var box = document.getElementById("box");
var p = document.createElement("p");
var text = document.createTextNode("这是一个p的文本元素");
	p.appendChild(text);
	
var comment = document.createComment("这是一个p的注释元素");
	p.appendChild(comment);
	
	box.appendChild(p);
 
</script>
</html>

效果：

 

编程界小明哥
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
javascript中创建文本节点createTextNode
沈行的博客
11-15 2180
创建文本节点createTextNode createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。 语法： document.createTextNode(data) 参数： data : 字符串值，可规定此节点的文本。 我们来创建一个元素并向其中添加一条消息，代码如下：
createTextNode和innerHTML
红色枫叶的博客
10-10 2194
一、createTextNode 例如: var element = document.createElement("div"); element.className = "message"; var textNode = document.createTextNode("&lt;Strong&gt;Hello&lt;/Strong&gt;"); element.appendChild(te...
Javascript 创建新节点 document.createElement()
最新发布
大剑师兰特的GIS世界
05-28 1167
在JavaScript中，创建新节点是DOM操作的重要组成部分，它允许你动态地向文档中添加内容。以下是创建新节点的详细说明、示例代码、注意事项以及常见应用场景。
createTextNode
weixin_30758821的博客
10-30 230
createTextNode()方法将创建一个包含给定文本的新文本文档节点。这个方法的返回值是一个指向新建文本节点的引用指针： reference = document.createTextNode(text); 这个方法只返回一个参数：新建文本节点所包含的文本字符串。 reference = document.createTextNode("hello world"); ...
JavaScript DOM——创建节点、添加节点和删除节点
DebbyOctober的博客
08-26 2239
一、创建节点 1. 创建元素节点 语法 : document.createElement ( 节点名称 ) 先引入script文件，然后创建一个div 创建元素节点： 但是在控制台(元素里)并没有显示，节点也没有添加到HTML结构中 因为，仅仅是创建，没有说明是放在什么位置，则需要追加元素 因此，将div添加到body里，结果显示有div，且div在后面，因为是追加的 追加节点： 2. 创建文本节点 语法 : document.createTextNode ( 内容 ) 二、添加节点 1.
JavaScript之append、appendChild、innerText、innerHTML与textConten的区别、getTime、createElement、createTextNode
软件毕设协助及软件开发、IT、程序、编程、程序员、写代码、工程师、互联网、物联网、技术栈、软件开发、硬件开发、计算机科技、智慧电子模块。
06-28 5274
JavaScript之append、appendChild、innerText、innerHTML与textConten的区别、getTime、createElement、createTextNode
DOM访问/创建/删除/修改文档节点及属性方法
09-12
1. `createAttribute(name)`: 为元素创建一个指定属性。 2. `createComment(string)`: 创建一个 HTML 文本注释。 3. `createDocumentFragment()`: 创建一个包含节点集合的文档片段。 4. `createElement(tagName)`: ...
javascript节点属性和方法
06-30
5. createComment：创建一个注释节点 6. createDocumentFragment：创建 DocumentFragment 对象 7. createElement：创建一个元素节点 8. createEntityReference：创建 EntityReference 对象 9. createNode：创建给定...
JS_操作节点.doc
07-14
- **createComment**：创建注释节点。 - **createDocumentFragment**：创建一个文档片段，用于存储多个节点。 - **createElement_x**：创建新的元素节点。 - **createEntityReference**：创建实体引用节点。 - **...
js节点操作
05-03
这是创建文本内容的基本方法。 ##### 12. getElementsByTagName 返回指定名字的元素集合 `getElementsByTagName` 方法返回具有指定标签名的所有元素的集合。返回的集合是一个 `NodeList` 对象。 ##### 13. ...
动态创建html内容时所用的W3C DOM属性和方法
02-22
4. `document.createComment(text)`：创建一个包含给定文本的新注释节点。 5. `document.getElementById(id)`：返回具有指定ID的元素。这是获取页面上特定元素的最直接方式。 6. `document.getElementsByTagName...
js添加元素、节点
m0_47659279的博客
01-14 2427
1.使用document.creatElement(元素类型)创建节点； 例如创建一个div，就使用document.createElement(“div”)，该方法返回创建好的DOM对象。 2.使用父元素.append()方法将创建好的节点作为子元素添加进某个元素下； 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo
JS中document.createElement()的用法
【Erica W】有问题，就问神奇海螺吧！
11-12 1万+
分析代码时，发现自己的盲点——document.createElement()，冲浪一番，总结了点经验。 document.createElement()是在对象中**创建一个对象**，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插
创建 元素节点createElement 、文本节点createTextNode
Y0_Daisy的博客
07-25 2428
createElement 、createTextNode 都要结合 appendChild() 或 insertBefore() 元素节点createElement  &lt;script type="text/javascript"&gt; var main = document.body; //创建链接 function createa(url,text)...
JavaScript——创建文本节点
ynd_sg的博客
11-09 597
<!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
原生js中如何添加dom元素
热门推荐
zl13015214442的博客
05-22 3万+
1. appendChild() 概念：把要添加的节点添加到指定父级里面的最后面，所以也叫追加。 使用方式：fatherdom.appendChild( insertdom )。 兼容性：所有浏览器都支持此方法。 2. insertBefore() 概念：把要插入的节点添加到指定父级里面的指定节点之前。 使用方式：fatherdom.insertBefore( insertdom，chose...
js——添加或删除元素节点（append 和 innerHtml） 节点访问关系 节点属性
肖的博客
08-24 1万+
1、append原理： //添加 var para=document.createElement('p');//创建新的p标签 var node=document.createTextNode('这是一个段落');//创建一个文本节点 para.appendChild(node);//向p追加此文本节点 para.className=&amp;amp;amp;quot;lucky&amp;amp;amp;quot;;//向...
原生js添加节点appendChild、insertBefore
LLL_liuhui的博客
04-12 2万+
1、createElement() 创建元素节点 var element=document.createElement(‘元素名’);2、crateTextNode() 创建文本节点 var txt=document.crateTextNode(‘文本内容’);3、createAttribute() 创建属性节点 var attr=document.createAttribute(‘属性名’)
js原生创建html代码,原生js操作HTML DOM(示例代码)
weixin_30940057的博客
05-31 777
先上图1.一些常用的方法obj.getElementById()返回带有指定 ID 的元素。obj.getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。obj.etElementsByClassName()返回包含带有指定类名的所有元素的节点列表。obj.getElementsByName()方法可返回带有指定名称的对象的集合。//表单中na...
创建元素节点createElement
09-15
创建元素节点可以使用原生的JavaScript方法document.createElement()，也可以使用jQuery库的$方法。 使用原生的JavaScript方法document.createElement()创建元素节点的代码如下： ``` var element = document.createElement("tagName"); ``` 其中，"tagName"是要创建的元素的标签名，例如"div"、"p"、"span"等。 使用jQuery库的$方法创建元素节点的代码如下： ``` var element = $("<tagName>"); ``` 同样，"tagName"是要创建的元素的标签名。 无论是使用原生的JavaScript方法还是jQuery库的$方法创建元素节点，都需要将创建的元素节点添加到文档中才能在页面中显示出来。可以使用appendChild()方法或者insertBefore()方法将元素节点添加到指定的父节点中。 希望以上信息能够帮到您！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程界小明哥

请博主喝瓶水，博主持续输出！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值