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 相关文章推荐
javascript学习笔记(五) Array 数组类型介绍
Jun 19 Javascript
js图片延迟技术一般的思路与示例
Mar 20 Javascript
使用jQuery的attr方法来修改onclick值
Jul 07 Javascript
JavaScript中的标签语句用法分析
Feb 10 Javascript
JS制作类似选项卡切换的年历
Dec 03 Javascript
js实现类bootstrap模态框动画
Feb 07 Javascript
用vue和node写的简易购物车实现
Apr 25 Javascript
es6学习笔记之Async函数的使用示例
May 11 Javascript
vue-cli的工程模板与构建工具详解
Sep 27 Javascript
JS实现判断数组是否包含某个元素示例
May 24 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
Jul 19 Javascript
layui使用及简单的三级联动实现教程
Dec 01 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中创建并处理图象
2006/10/09 PHP
PHP 透明水印生成代码
2012/08/27 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
yii2学习教程之5种内置行为类详解
2017/08/03 PHP
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
jquery 批量上传图片实现代码
2010/01/28 Javascript
jQuery 处理网页内容的实现代码
2010/02/15 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
2014/06/20 Javascript
express的中间件cookieParser详解
2014/12/04 Javascript
JQuery选择器、过滤器大整理
2015/05/26 Javascript
举例讲解AngularJS中的模块
2015/06/17 Javascript
Js 获取当前函数参数对象的实现代码
2016/06/20 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
2016/07/12 Javascript
js实现对table的增加行和删除行的操作方法
2016/10/13 Javascript
js实现自定义路由
2017/02/04 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
基于node简单实现RSA加解密的方法步骤
2019/03/21 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
Python 3.8中实现functools.cached_property功能
2019/05/29 Python
如何在pycharm中安装第三方包
2020/10/27 Python
详解canvas绘制多张图的排列顺序问题
2019/01/21 HTML / CSS
澳大利亚在线奢侈品时尚零售平台:Azura Runway
2021/01/13 全球购物
计算机大学生的自我评价
2013/10/15 职场文书
岗位职责说明书
2014/05/07 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
学生检讨书怎么写?
2014/10/10 职场文书
单位作风建设剖析材料
2014/10/11 职场文书
党的群众路线教育实践活动学习笔记范文
2014/11/06 职场文书
2014年幼儿园安全工作总结
2014/11/10 职场文书
如何写好竞聘报告
2019/04/03 职场文书
Nginx 负载均衡是什么以及该如何配置
2021/03/31 Servers