javascript给span标签赋值的方法


Posted in Javascript onNovember 26, 2015

js给span标签赋值的方法?一般有两种方法:

第一种方法:输出html

<body onload="s()">
<span id="hello"></span>
<script language="javascript">
 function s(){
document.getElementById("hello").innerHTML = "<iframe src= height=400 width=300></iframe>";
}
 </script>

第二种方法:输出文本

<body onload="s()">
<span id="hello"></span>
<script language="javascript">
 function s(){
document.getElementById("hello").innerText = "hello world";
}
</script>

在页面加载完成后通过jquery给多个span赋值

由于我想在页面加载完成后,有几个地方显示当前时间,所以我需要给多个span赋值。

span代码的写法如下:

<span name="currentDate"></span> (多个span)

jQuery写法:

<script> 
$(document).ready(function() { 
var currentDate = new Date().toLocaleDateString(); 
$("span[name='currentDate']").each(function() { 
$(this).text(currentDate); 
}); 
}); 
</script>
Javascript 相关文章推荐
DOM精简教程
Oct 03 Javascript
jQuery对表单的操作代码集合
Apr 06 Javascript
使用VS开发 Node.js指南
Jan 06 Javascript
jQuery实现类似淘宝网图片放大效果的方法
Jul 08 Javascript
JavaScript实现的简单烟花特效代码
Oct 20 Javascript
非常棒的jQuery图片轮播效果
Apr 17 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
如何用js实现鼠标向上滚动时浮动导航
Jul 18 Javascript
VueJs路由跳转——vue-router的使用详解
Jan 10 Javascript
BootStrapTable 单选及取值的实现方法
Jan 10 Javascript
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
Aug 10 Javascript
谈谈javascript中使用连等赋值操作带来的问题
Nov 26 #Javascript
jQuery实现的AJAX简单弹出层效果代码
Nov 26 #Javascript
js检测iframe是否加载完成的方法
Nov 26 #Javascript
学习JavaScript设计模式(策略模式)
Nov 26 #Javascript
深入浅析同源策略和跨域访问
Nov 26 #Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
Nov 26 #Javascript
学习JavaScript设计模式(单例模式)
Nov 26 #Javascript
You might like
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
THINKPHP5.1 Config的配置与获取详解
2020/06/08 PHP
分享8款优秀的 jQuery 加载动画和进度条插件
2012/10/24 Javascript
JS打印gridview实现原理及代码
2013/02/05 Javascript
JavaScript Promise启示录
2014/08/12 Javascript
jQuery常用且重要方法汇总
2015/07/13 Javascript
Javascript生成带参数的二维码示例
2016/10/10 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
2017/02/16 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
2018/03/06 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
浅谈js中的bind
2019/03/18 Javascript
Nodejs核心模块之net和http的使用详解
2019/04/02 NodeJs
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
2019/07/16 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
layui实现图片虚拟路径上传,预览和删除的例子
2019/09/25 Javascript
Python类的多重继承问题深入分析
2014/11/09 Python
Python 正则表达式入门(初级篇)
2016/12/07 Python
Python实现矩阵转置的方法分析
2017/11/24 Python
python使用生成器实现可迭代对象
2018/03/20 Python
详解Python如何生成词云的方法
2018/06/01 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
给我一面国旗 python帮你实现
2019/09/30 Python
Python基于pandas爬取网页表格数据
2020/05/11 Python
linux面试题参考答案(4)
2013/01/28 面试题
说一下Linux下有关用户和组管理的命令
2014/08/18 面试题
消防标语大全
2014/06/07 职场文书
临床专业自荐信
2014/06/22 职场文书
高一军训决心书
2015/02/05 职场文书
2015年技术员工作总结
2015/04/10 职场文书
2015年调度员工作总结
2015/04/30 职场文书
python实现批量提取指定文件夹下同类型文件
2021/04/05 Python
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle