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 相关文章推荐
html文件中jquery与velocity变量中的$冲突的解决方法
Nov 01 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
Dec 12 Javascript
jQuery检测滚动条是否到达底部
Dec 15 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
Jan 08 Javascript
jQuery中的基本选择器用法学习教程
Apr 14 Javascript
jQuery实现的简单拖拽功能示例
Sep 13 Javascript
使用jquery如何获取时间
Oct 13 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
bootstrap日期插件daterangepicker使用详解
Oct 19 Javascript
Vue.js标签页组件使用方法详解
Oct 19 Javascript
微信小程序实现登录注册功能
Dec 29 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的PSR规范中文版
2013/09/28 PHP
php解决抢购秒杀抽奖等大流量并发入库导致的库存负数的问题
2014/06/19 PHP
php的socket编程详解
2016/11/20 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
JavaScript 放大镜 放大倍率和视窗尺寸
2011/05/09 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
2011/09/29 Javascript
js 验证身份证信息有效性
2014/03/28 Javascript
javascript删除元素节点removeChild()用法实例
2015/05/26 Javascript
javascript如何定义对象数组
2016/06/07 Javascript
javascript弹出窗口中增加确定取消按钮
2016/06/24 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
详解AngularJS 模块化
2017/06/14 Javascript
three.js中文文档学习之创建场景
2017/11/20 Javascript
详解Nodejs内存治理
2018/05/13 NodeJs
微信小程序版本自动更新的方法
2019/06/14 Javascript
详解Vuex下Store的模块化拆分实践
2019/07/31 Javascript
nodejs使用socket5进行代理请求的实现
2020/02/21 NodeJs
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
python实现2014火车票查询代码分享
2014/01/10 Python
Python 3.x 连接数据库示例(pymysql 方式)
2017/01/19 Python
Django实现快速分页的方法实例
2017/10/22 Python
Python实现加载及解析properties配置文件的方法
2018/03/29 Python
Python实现批量执行同目录下的py文件方法
2019/01/11 Python
python读取txt文件并取其某一列数据的示例
2019/02/19 Python
在win10和linux上分别安装Python虚拟环境的方法步骤
2019/05/09 Python
python 项目目录结构设置
2020/02/14 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
修复iPhone的safari浏览器上submit按钮圆角bug
2012/12/24 HTML / CSS
世界上最受欢迎的钓鱼诱饵:Rapala
2019/05/02 全球购物
雅诗兰黛加拿大官网:Estee Lauder加拿大
2019/07/31 全球购物
高中自我鉴定
2013/12/20 职场文书
公司总经理任命书
2014/06/05 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
单位政审意见范文
2015/06/04 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
Python实战实现爬取天气数据并完成可视化分析详解
2022/06/16 Python