js:innerHTML(替换html内容),appendChild(子节点追加),innerText(替换html内容,并显示html标签)

jquery:append(追加), html(替换html内容)

如果不明白追加和替换的朋友,以下jquery拼接中有介绍追加和替换的例子

js中拼接:

(1)innerHTML:

var div=document.getElementById("firstDiv");

div.innerHTML="<font color='green'>您好,欢迎来到CSDN</font>";

效果:您好,欢迎来到CSDN

(2)appendChild:

var liList=document.createElement("li"); //创建一个li节点

var text=document.createTextNode("您好,欢迎来到CSDN")//定义创建文本节点 
     liList.appendChild(text); //把文本节点追加到li节点
     div.appendChild(liList);//把li节点添加到ul中

(3)innerText(会显示html标签):

var div=document.getElementById("firstDiv");

div.innerText="<font color='green'>您好,欢迎来到 CSDN</font>";

效果:<font color='green'>您好,欢迎来到CSDN</font>

jquery中拼接:

(1替换:)比如<p id="pText"><p>1111</p></p>

$("#pText").html("<span>2222</span>");结果是:<p id="1"><span>2222</span></p>(会替换掉<p>1111</p>)

(2追加:)$("#pText").append("<span>2222</span>");结果是:<p id="1"><p>1111</p><span>2222</span></p>

js,jquery常用拼接html方法,js,jquery拼接字符串相关推荐

  1. jquery 常用选择器和方法以及遍历(超详细)

    jQuery 常用选择器和和方法 学习总结 一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍 二.jQuery 对象 1. jQuery ...

  2. jQuery常用的全局方法源码

    下面常用方法的详细使用请查看:http://www.cnblogs.com/moqiutao/p/4775725.html 1.$.noConflict()方法 语法:jQuery.noConflic ...

  3. jQuery常用插件(如何调用jQuery插件学习第一天)

    插件是以jQuery的核心代码为基础,编写出符合一定规范的应用程序,并将程序进行打包,调用时,仅需要包含该打包后的JS文件即可.如需要使用表单插件,按下列步骤就可实现插件的调用: (1)在页面中导入包 ...

  4. js中常用的数学方法(全)

    Math方法 Math方法是js的一个内置对象,提供一些操作数字的方法 Math.random() 随机数生成 用于生成一个0~1的随机数的(不包括1)例: var num = Math.random ...

  5. JS行间改变css的方法,js改变css样式的三种方法推荐

    共用代码: this is a div var div=document.getElementById('div'); 第一种:用cssText div.style.cssText='width:25 ...

  6. js金额格式化最简单方法 JS对货币格式化,js钱三位一隔,javascript货币格式化

    利用toLocaleString就解决了 customRender:function (text) {return (text).toLocaleString('en-US')}

  7. 总结JS中常用的数组的方法大全

    总结JS中常用的数组方法 JS中常用的数组方法总结 数组(Array)是一种复杂的数据类型,它属于Object(对象)类型,用来将一组数组合在一起,通过一个变量就可以访问一组数据.在使用数组时,经常会 ...

  8. 原生js模拟jQuery选择器功能及方法

    模拟jQuery选择器功能及方法 查看jQuery源码可以发现,jQuery中没有使用new操作符来创建新对象,而是采用调用jQuery原型中init()函数的方式返回一个新对象. 熟悉jQuery的 ...

  9. js中常用的数组和字符串方法

    一:js中常用的数组方法 <script>//函数声明式中的方法const arr=[1,3,6,9,15,19,16];//函数的所有方法 map(),reduce(),filter() ...

  10. 【JavaScript】JS的变量、数组、计算器案例、函数、类、常用对象的方法

    目录 01-js-js的声明和引入 <!DOCTYPE html> <html><head><meta charset="UTF-8"&g ...

最新文章

  1. Unity 播放音频文件
  2. html 里运行php文件,如何在HTML文件中运行PHP脚本
  3. 在网页中JS函数自动执行常用三种方法
  4. 基于PCA方法的ORL人脸识别及Python代码实现
  5. 异或!!不占用额外空间!!
  6. 未来计算机作文1000字,未来的生活作文1000字
  7. 创建nim+安装vioc分区
  8. 高教杯历年真题_喜报 | 2019“高教社”杯全国大学生数学建模竞赛获奖名单!...
  9. mysql完备_mysql简单完备脚本
  10. win7查看tomcat端口_想研究Tomcat性能调优,看这篇就够了
  11. How to use neural network to realize logic 'and' and 'or'?
  12. G_O_R加速器仿真之计算原理
  13. 3d打印计算机设计打孔操作,干货:3D打印,建模时你需要注意这10个技巧
  14. 分子生物学知识点归纳
  15. 如何使用pdf转换器
  16. 基于眼底照片的病理性近视眼及识别
  17. Java IO完全总结(转载) --- 重点在源码分析
  18. 名编辑电子杂志大师教程 | 设置电子杂志书签功能
  19. spring-boot、jeecg-boot中解除shiro限制了上传视频文件,以及设置上传文件大小的限制
  20. ECPP——利用有限域上的椭圆曲线,精确判定素数的算法

热门文章

  1. 如何计算摄影参数:分区基准面高程、相对航高、绝对航高、基线长度、航线间隔、航线数、每条航线的相片数、总相片数。
  2. 基于snipe-it v5.1.2开源资产管理软件二次开发安卓端管理app
  3. 学习笔记(一)Mobilenetv1的解读
  4. 接入广告App 教你如何赚取你的第一桶金 - 2048(含源码)
  5. mysql数据同构_异构、同构 异步、同步
  6. 微信小程序创建直播间流程
  7. win8配置_【装机帮扶站】第382期:甜点级真的甜!4000价位GTX1660配置推荐!
  8. 记一次iphone更换电池难以取下旧电池解决办法
  9. iphonex 测试电池软件,iPhoneX电池容量多大 iPhoneX电池性能评测【详解】
  10. Stanford CS 144 Note 17 - TCP Setup and teardown