`
nannan408
  • 浏览: 1755021 次
  • 性别: 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中修改标签样 ...
评论
发表评论

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

相关推荐

    javascript常用100语句

    23.弹出输入提示框:window.prompt();...28.创建一个文档元素:document.createElement(),document.createTextNode() 29.得到元素的方法:document.getElementById() 30.设置表单中所有文本型的成员的值为空:

    原生JS和jQuery操作DOM对比总结

    `document.createTextNode("Text Content"); 通常创建文本节点和创建元素节点配合使用，比如： var textEl = document.createTextNode("Hello World."); var pEl = document.createElement("p"); pEl.appendChild...

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

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

    js 用CreateElement动态创建标签示例

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

    createElement与createDocumentFragment的点点区别小结

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

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

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

    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性能优化 创建文档碎片(document.createDocumentFragment)

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

    jQuery学习笔记之创建DOM元素

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

    Vue中fragment.js使用方法小结

    createDocumentFragment 如果要在一个节点上一次性插入多个元素...var child = document.createElement(`'div'`); var text = document.createTextNode(`'' + i);` child.appendChild(text); parent.appendChild(chi

    javascript模拟实现ajax加载框实例

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

    前端知识代码

    var mystr=document.createTextNode("新段落内容"); param.appendChild(mystr); var x=$id("demo"); x.appendChild(param); } [removed] &lt;/head&gt; &lt;body&gt; &lt;div id="demo"&gt; 第一个段落 第...

    JS点击动态添加标签、删除指定标签的代码

    1.div标签 &lt;div id=mDiv3&gt; &lt;p&gt;1&lt;/p&gt; &lt;button onclick=myFun9()&gt;添加&lt;/button&gt; &lt;/div&gt; 2.js function myFun9() { var mDiv3 = document.getElementById(mDiv3); //获取组件1 var eleme = document....

    百度地图API教程

     div.appendChild(document.createTextNode("放大2级"));  // 设置样式  div.style.cursor = "pointer";  div.style.border = "1px solid gray";  div.style.backgroundColor = "white";  // ...

    DOM基础教程之使用DOM控制表格

    表格的css控制就先不说了，首先分享下表格常用的DOM 表格添加操作的方法常用的为insertRow()和...aText[0] = document.createTextNode(“fresheggs”); aText[1] = document.createTextNode(“W610”); aText[2] = d

    c#操作XML.rar

    XmlDocument myXml = new XmlDocument(); //加载指定的XML文件 myXml.Load(FileName); //添加元素-姓名 XmlElement ele0 = myXml.CreateElement("name"); XmlText Text0 = myXml.CreateTextNode(name); //...

    JavaScript table 动态添加行，列

    //var _tn=document.createTextNode(i.toString()+j.toString()); var t=document.createElement("input"); t.size=20; _td.appendChild(t); } } myDiv.appendChild(_table); } ...

    使用Mootools动态添加Css样式表代码,兼容各浏览器

    但是这样做就不利于插件的移植,所以就写了这个函数用来动态产生Css. 代码如下: AddCss=function(c){ var Sty=document.... Frag.appendChild(document.createTextNode(c)); Sty.appendChild(Frag); } document.get

    怎么获选批量删除的checkbox

    widElement.appendChild(xmlDoc.createTextNode(user_wids[count])); var widElement = recdElement.appendChild(xmlDoc.createElement("PROFILE_WID")); widElement.appendChild(xmlDoc....

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