js,jquery常用拼接html方法,js,jquery拼接字符串
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拼接字符串相关推荐
- jquery 常用选择器和方法以及遍历(超详细)
jQuery 常用选择器和和方法 学习总结 一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍 二.jQuery 对象 1. jQuery ...
- jQuery常用的全局方法源码
下面常用方法的详细使用请查看:http://www.cnblogs.com/moqiutao/p/4775725.html 1.$.noConflict()方法 语法:jQuery.noConflic ...
- jQuery常用插件(如何调用jQuery插件学习第一天)
插件是以jQuery的核心代码为基础,编写出符合一定规范的应用程序,并将程序进行打包,调用时,仅需要包含该打包后的JS文件即可.如需要使用表单插件,按下列步骤就可实现插件的调用: (1)在页面中导入包 ...
- js中常用的数学方法(全)
Math方法 Math方法是js的一个内置对象,提供一些操作数字的方法 Math.random() 随机数生成 用于生成一个0~1的随机数的(不包括1)例: var num = Math.random ...
- JS行间改变css的方法,js改变css样式的三种方法推荐
共用代码: this is a div var div=document.getElementById('div'); 第一种:用cssText div.style.cssText='width:25 ...
- js金额格式化最简单方法 JS对货币格式化,js钱三位一隔,javascript货币格式化
利用toLocaleString就解决了 customRender:function (text) {return (text).toLocaleString('en-US')}
- 总结JS中常用的数组的方法大全
总结JS中常用的数组方法 JS中常用的数组方法总结 数组(Array)是一种复杂的数据类型,它属于Object(对象)类型,用来将一组数组合在一起,通过一个变量就可以访问一组数据.在使用数组时,经常会 ...
- 原生js模拟jQuery选择器功能及方法
模拟jQuery选择器功能及方法 查看jQuery源码可以发现,jQuery中没有使用new操作符来创建新对象,而是采用调用jQuery原型中init()函数的方式返回一个新对象. 熟悉jQuery的 ...
- js中常用的数组和字符串方法
一:js中常用的数组方法 <script>//函数声明式中的方法const arr=[1,3,6,9,15,19,16];//函数的所有方法 map(),reduce(),filter() ...
- 【JavaScript】JS的变量、数组、计算器案例、函数、类、常用对象的方法
目录 01-js-js的声明和引入 <!DOCTYPE html> <html><head><meta charset="UTF-8"&g ...
最新文章
- Unity 播放音频文件
- html 里运行php文件,如何在HTML文件中运行PHP脚本
- 在网页中JS函数自动执行常用三种方法
- 基于PCA方法的ORL人脸识别及Python代码实现
- 异或!!不占用额外空间!!
- 未来计算机作文1000字,未来的生活作文1000字
- 创建nim+安装vioc分区
- 高教杯历年真题_喜报 | 2019“高教社”杯全国大学生数学建模竞赛获奖名单!...
- mysql完备_mysql简单完备脚本
- win7查看tomcat端口_想研究Tomcat性能调优,看这篇就够了
- How to use neural network to realize logic 'and' and 'or'?
- G_O_R加速器仿真之计算原理
- 3d打印计算机设计打孔操作,干货:3D打印,建模时你需要注意这10个技巧
- 分子生物学知识点归纳
- 如何使用pdf转换器
- 基于眼底照片的病理性近视眼及识别
- Java IO完全总结(转载) --- 重点在源码分析
- 名编辑电子杂志大师教程 | 设置电子杂志书签功能
- spring-boot、jeecg-boot中解除shiro限制了上传视频文件,以及设置上传文件大小的限制
- ECPP——利用有限域上的椭圆曲线,精确判定素数的算法
热门文章
- 如何计算摄影参数:分区基准面高程、相对航高、绝对航高、基线长度、航线间隔、航线数、每条航线的相片数、总相片数。
- 基于snipe-it v5.1.2开源资产管理软件二次开发安卓端管理app
- 学习笔记(一)Mobilenetv1的解读
- 接入广告App 教你如何赚取你的第一桶金 - 2048(含源码)
- mysql数据同构_异构、同构 异步、同步
- 微信小程序创建直播间流程
- win8配置_【装机帮扶站】第382期:甜点级真的甜!4000价位GTX1660配置推荐!
- 记一次iphone更换电池难以取下旧电池解决办法
- iphonex 测试电池软件,iPhoneX电池容量多大 iPhoneX电池性能评测【详解】
- Stanford CS 144 Note 17 - TCP Setup and teardown