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 相关文章推荐
Js获取事件对象代码
Aug 05 Javascript
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
Dec 31 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 Javascript
jQuery之按钮组件的深入解析
Jun 19 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
Nov 06 Javascript
认识Knockout及如何使用Knockout绑定上下文
Dec 25 Javascript
属于你的jQuery提示框(Tip)插件
Jan 20 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
Jun 12 Javascript
JavaScript实现Fly Bird小游戏
Dec 15 Javascript
jquery对象与DOM对象转化
Feb 08 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
Sep 10 Javascript
React-router4路由监听的实现
Aug 07 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
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
php 常用算法和时间复杂度
2013/07/01 PHP
在Linux系统下一键重新安装WordPress的脚本示例
2015/06/30 PHP
php强大的时间转换函数strtotime
2016/02/18 PHP
highchart数据源纵轴json内的值必须是int(详解)
2017/02/20 PHP
PHPUnit测试私有属性和方法功能示例
2018/06/12 PHP
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
jquery 表格的增行删行实现思路
2013/03/21 Javascript
JavaScript自动设置IFrame高度的小例子
2013/06/08 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
2013/12/02 Javascript
jquery常用特效方法使用示例
2014/04/25 Javascript
node.js中的querystring.unescape方法使用说明
2014/12/10 Javascript
jQuery实现的背景动态变化导航菜单效果
2015/08/24 Javascript
jQuery网页选项卡插件rTabs用法实例分析
2015/08/26 Javascript
nodejs初步体验篇
2015/11/23 NodeJs
js实现点击每个li节点,都弹出其文本值及修改
2016/12/15 Javascript
利用Mongoose让JSON数据直接插入或更新到MongoDB
2017/05/03 Javascript
详解webpack2+React 实例demo
2017/09/11 Javascript
js字符限制(字符截取) 一个中文汉字算两个字符
2017/09/12 Javascript
JavaScript中break、continue和return的用法区别实例分析
2020/03/02 Javascript
[03:14]DOTA2斧王 英雄基础教程
2013/11/26 DOTA
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
利用Python如何实现数据驱动的接口自动化测试
2018/05/11 Python
详解Python中的四种队列
2018/05/21 Python
Python中关键字global和nonlocal的区别详解
2018/09/03 Python
python读取txt文件中特定位置字符的方法
2018/12/24 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
英国汽车和货车租赁网站:Hertz英国
2016/09/02 全球购物
Whistles官网:英国女装品牌
2020/08/14 全球购物
劳动实践课感言
2014/02/01 职场文书
我们的节日端午节活动方案
2014/03/02 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
奉献家乡演讲稿
2014/09/16 职场文书
情人节活动总结范文
2015/02/05 职场文书
自愿离婚协议书范本2016
2016/03/18 职场文书
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL