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 相关文章推荐
W3C Group的JavaScript1.8 新特性介绍
May 19 Javascript
jquery中$.post()方法的简单实例
Feb 04 Javascript
javasctipt如何显示几分钟前、几天前等
Apr 30 Javascript
js中的json对象详细介绍
Oct 29 Javascript
JavaScript实现节点的删除与序号重建实例
Aug 05 Javascript
jQuery基于ajax实现带动画效果无刷新柱状图投票代码
Aug 10 Javascript
javascript中的五种基本数据类型
Aug 26 Javascript
Angular学习教程之RouterLink花式跳转
May 03 Javascript
JS的Ajax与后端交互数据的实例
Aug 08 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
vue中keep-alive、activated的探讨和使用详解
Jul 26 Javascript
angular4实现带搜索的下拉框
Mar 25 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学习之数据类型之间的转换介绍
2011/06/09 PHP
php使用array_rand()函数从数组中随机选择一个或多个元素
2014/04/28 PHP
destoon数据库表说明汇总
2014/07/15 PHP
php使用unset()删除数组中某个单元(键)的方法
2015/02/17 PHP
实例说明js脚本语言和php脚本语言的区别
2019/04/04 PHP
js实现单一html页面两套css切换代码
2013/04/11 Javascript
Javascript Function.prototype.bind详细分析
2016/12/29 Javascript
jquery mobile移动端幻灯片滑动切换效果
2020/04/15 Javascript
react配合antd组件实现的管理系统示例代码
2018/04/24 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
2018/08/16 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
js实现简单模态框实例
2018/11/16 Javascript
ES6的Fetch异步请求的实现方法
2018/12/07 Javascript
element-ui组件table实现自定义筛选功能的示例代码
2019/03/15 Javascript
vue watch关于对象内的属性监听
2019/04/22 Javascript
Vue列表如何实现滚动到指定位置样式改变效果
2020/05/09 Javascript
js+css实现扇形导航效果
2020/08/18 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
WebStorm无法正确识别Vue3组合式API的解决方案
2021/02/18 Vue.js
简单介绍Python中的filter和lambda函数的使用
2015/04/07 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
css3 transform过渡抖动问题解决
2020/10/23 HTML / CSS
css3利用transform变形结合事件完成扇形导航
2020/10/26 HTML / CSS
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
Ajax和javascript的区别
2013/07/20 面试题
面试后的英文感谢信
2014/02/01 职场文书
光信息科学与技术专业职业生涯规划
2014/03/13 职场文书
2014年创先争优活动总结
2014/05/04 职场文书
学校党委干部个人对照检查材料思想汇报
2014/10/09 职场文书
机关作风建设心得体会
2014/10/22 职场文书
2015年财务部工作总结
2015/04/10 职场文书
二婚主持词
2015/06/30 职场文书
python 如何将两个实数矩阵合并为一个复数矩阵
2021/05/19 Python
一文搞清楚MySQL count(*)、count(1)、count(col)区别
2022/03/03 MySQL
解决 redis 无法远程连接
2022/05/15 Redis