`
nannan408
  • 浏览: 1793009 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

document.createTextNode实现原样输出div

 
阅读更多
1.前言
   原样输出html可以用html标签，也可以用js实现，如用document.createTextNode，详情请看下面例子.
2.例子代码 
<!DOCTYPE html>
<html>
<head>
  <style>p { background:yellow; }</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  I would like to say: 

<script type="text/javascript">
var text = document.createTextNode("<div>111</div>");
var contain = document.createElement("div");
contain.appendChild(text);
document.body.appendChild(contain);

</script>

</body>
</html>
0
顶
0
踩
分享到：
| jquery1.7例子2-如何在script中修改标签样 ...
评论
发表评论

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

相关推荐

    js 用CreateElement动态创建标签示例

    //定义方法创建一个label标签 //*************************************// 代码如下: var createLabel = function(id, name, value) { var ... var label_text = document.createTextNode(value); label_var.setAttr

    document.createElement()用法及注意事项(ff下不兼容)

    `document`对象提供的其他方法，如`getElementById(id)`用于获取具有特定ID的元素，`getElementsByTagName(name)`用于获取所有指定标签名的元素，`createTextNode(text)`则用于创建文本节点。这些方法在DOM操作中...

    获取页面长宽和滚动条的位置

    document.body.appendChild(document.createTextNode("Hello, World!")); document.body.appendChild(document.createElement("br")); } var sz = GetPageSize(); alert([sz.PageW,sz.PageH,sz.WinW,sz....

    createElement与createDocumentFragment的点点区别小结

    网上可以搜到的大部分都是说使用createDocumentFragment主要是因为避免因createElement多次添加到document.body引起的效率问题，... var oText=document.createTextNode(arrText[i]); op.appendChild(oText); document

    document.createElement(&quot;A&quot;)比较不错的属性

    2. `text`内容：`document.createTextNode("一些文字")`方法用于创建一个新的文本节点，该文本节点随后被追加到`&lt;a&gt;`标签中。文本节点是`&lt;a&gt;`标签内容的一部分，用于向用户展示链接的说明文字。 3. `innerHTML`属性...

    dommy:一个可以模拟DOM API足以渲染HTML的Document虚拟对象

    var body = document . createElement ( 'body' ) ; html . appendChild ( body ) ; body . appendChild ( document . createTextNode ( 'world' ) ) ; body . insertBefore ( document . createTextNode ( 'hello '...

    document 文挡对象详解

    - `document.createTextNode()`：创建一个包含文本的新文本节点。 - `document.appendChild()`：将新节点添加到指定节点的子节点列表末尾。 - `document.removeChild()`：从其父节点的子节点列表中移除指定节点。...

    Java 提醒簿程序源码

    title.appendChild(document.createTextNode(mytitle)); root.appendChild(title); Element content=document.createElement("Content"); content.appendChild(document.createTextNode(mycontent)); root....

    dom-lite:一个小的DOM实现，其中实现了文档中的大多数DOM属性和方法

    一个小的DOM实现，其中实现了文档中的大多数DOM属性和方法。 例子 var document = require ( "dom-lite" ) . document ; var el = document . createElement ( "h1" ) ; el . id = 123 ; el . className = "large" ...

    Javascript+DOM+总结

    - **语法**：`var b = document.createTextNode("textContent");` - **功能**：创建一个包含指定文本内容的文本节点。 - **特点**： - 创建的文本节点同样不会自动添加到文档树中，需通过其他方法添加。 - 常与 `...

    JavaScript性能优化 创建文档碎片(document.createDocumentFragment)

    在浏览器中，我们一旦把节点添加到... var oText = document.createTextNode(i); op.appendChild(oText); document.body.appendChild(op); } 但是，如果当我们要向document中添加大量数据时(比如1w条)，如果像上面的代

    JavaScript写的table增、批量删、模糊查询、文本框编辑

    _tTh.appendChild(document.createTextNode(_TheadName_[_headindex_])); } _oTbody_ = document.createElement("tbody"); _OTable_.appendChild(_oTbody_); document.getElementById("TableData")....

    JavaScript 实现HTML DOM增删改查操作的常见方法详解

    创建元素节点使用document.createElement('标签名')方法，创建文本节点可以使用document.createTextNode('文本内容')。创建好之后，可以通过各种方法将它们插入到DOM结构中的合适位置，比如父节点的appendChild方法...

    第16讲 DOM编程-Document对象(三).ppt

    4. **`document.createTextNode(text)`****：**创建一个新的文本节点，包含给定的文本。 5. **`document.appendChild(node)`**：将一个节点添加到另一个节点的子节点列表末尾。 6. **`document.removeChild(node)`**...

    JavaScript 第三章 DOM编程基础 使用document对象

    6. `document.createTextNode(text)`: 创建包含文本的新文本节点。 7. `document.appendChild(node)`: 把一个节点添加到父节点的子节点列表末尾。 8. `document.removeChild(node)`: 删除给定的子节点。 9. `...

    解析xml的方法

    name.appendChild(this.document.createTextNode("")); // 假设此处应添加具体的名字 employee.appendChild(name); Element sex = this.document.createElement("sex"); sex.appendChild(this.document....

    jQuery学习笔记之创建DOM元素

    利用DOM方法创建元素节点，通常要将document.createElement()、document.createTextNode()、appendChild()配合使用，十分麻烦。 而jQuery使用$就可以直接创建DOM元素 代码如下: var oNewP = $(“使用jQuery创建的...

    JavaScript 制作div圆角

    JavaScript制作div圆角是网页开发中的常见需求，它可以通过CSS3的border-radius属性来实现，但在某些不支持此属性的老式浏览器中，我们可能需要借助JavaScript来达成目标。本篇文章将深入探讨如何利用JavaScript实现...

    javascript模拟实现ajax加载框实例

    本文实例讲述了javascript模拟实现ajax加载框的方法，分享给大家供大家参考。...var node=document.createTextNode(str); para1.appendChild(node); var para=document.createElement(“div”); pa

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