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 相关文章推荐
jq选项卡鼠标延迟的插件实例
May 13 Javascript
鼠标滚轴控制文本框值的JS代码
Nov 19 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
Apr 10 Javascript
jQuery实现折线图的方法
Feb 28 Javascript
使用jQuery实现Web页面换肤功能的要点解析
May 12 Javascript
Vue.js中数组变动的检测详解
Oct 12 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
Mar 03 Javascript
微信小程序 循环及嵌套循环的使用总结
Sep 26 Javascript
Angular实现预加载延迟模块的示例
Oct 12 Javascript
浅谈gulp创建完整的项目流程
Dec 20 Javascript
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
Jun 11 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
PHP 5.3.0 安装分析心得
2009/08/07 PHP
php过滤XSS攻击的函数
2013/11/12 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
php实现多站点共用session实现单点登录的方法详解
2019/09/18 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
基于node实现websocket协议
2016/04/25 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
2016/09/21 Javascript
js+css3制作时钟特效
2016/10/16 Javascript
jQuery图片拖动组件Dropzone用法示例
2017/01/17 Javascript
bootstrap datetimepicker控件位置异常的解决方法
2017/11/23 Javascript
微信小程序wx.request实现后台数据交互功能分析
2017/11/25 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
关于vuejs中v-if和v-show的区别及v-show不起作用问题
2018/03/26 Javascript
在Python中利用Pandas库处理大数据的简单介绍
2015/04/07 Python
python中self原理实例分析
2015/04/30 Python
python基于phantomjs实现导入图片
2016/05/13 Python
python批量设置多个Excel文件页眉页脚的脚本
2018/03/14 Python
Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】
2018/08/30 Python
Python基于Tkinter模块实现的弹球小游戏
2018/12/27 Python
详解python列表生成式和列表生成式器区别
2019/03/27 Python
pandas中的数据去重处理的实现方法
2020/02/10 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
使用html2canvas将页面转成图并使用用canvas2image下载
2019/04/04 HTML / CSS
html5 css3网站菜单实现代码
2013/12/23 HTML / CSS
碧欧泉美国官网:Biotherm美国
2016/08/31 全球购物
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
会计专业自荐信
2013/12/02 职场文书
干部考核评语
2014/04/29 职场文书
产品推广策划方案
2014/05/10 职场文书
优质服务演讲稿
2014/05/14 职场文书
巴黎圣母院读书笔记
2015/06/26 职场文书
Python 中的单分派泛函数你真的了解吗
2021/06/22 Python
Pygame Time时间控制的具体使用详解
2021/11/17 Python
js判断两个数组相等的5种方法
2022/05/06 Javascript