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判断两种格式的输入日期的正确性的代码
Mar 25 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
Nov 20 Javascript
Juqery Html(),append()等方法的Bug解决方法
Dec 13 Javascript
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
Feb 23 Javascript
JavaScript设置首页和收藏页面的小例子
Nov 11 Javascript
javascript贪吃蛇完整版(源码)
Dec 09 Javascript
jquery表单验证需要做些什么
Nov 17 Javascript
使用jQuery监听DOM元素大小变化
Feb 24 Javascript
javascript中BOM基础知识总结
Feb 14 Javascript
利用Node.js+Koa框架实现前后端交互的方法
Feb 27 Javascript
vue项目中添加单元测试的方法
Jul 21 Javascript
js String.prototype.trim字符去前后空格的扩展
Aug 23 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
如何删除多级目录
2006/10/09 PHP
ThinkPHP分组下自定义标签库实例
2014/11/01 PHP
php 截取中英文混合字符串的方法
2018/05/31 PHP
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
2019/07/01 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
走出JavaScript初学困境—js初学
2008/12/29 Javascript
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
2012/04/12 Javascript
jquery div 居中技巧应用介绍
2012/11/24 Javascript
jQuery实现form表单reset按钮重置清空表单功能
2012/12/18 Javascript
js显示时间 js显示最后修改时间
2013/01/02 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
jquery操作select方法汇总
2015/02/05 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
2017/08/02 Javascript
基于JavaScript实现抽奖系统
2018/01/16 Javascript
Vue修改mint-ui默认样式的方法
2018/02/03 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
2018/03/19 Javascript
自己动手封装一个React Native多级联动
2018/09/19 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
2019/05/10 Javascript
基于JS实现前端压缩上传图片的实例代码
2019/05/14 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
[43:35]TI4 循环赛第二日Liquid vs Fnatic
2014/07/11 DOTA
Python转码问题的解决方法
2008/10/07 Python
用python代码做configure文件
2014/07/20 Python
基于Python代码编辑器的选用(详解)
2017/09/13 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
Python文字截图识别OCR工具实例解析
2020/03/05 Python
python实现控制台输出彩色字体
2020/04/05 Python
Stuart Weitzman美国官网:美国奢华鞋履品牌
2016/08/18 全球购物
信息系统专业个人求职信范文
2013/12/07 职场文书
大学生旅游业创业计划书
2014/01/29 职场文书
高考励志标语
2014/06/05 职场文书
python疲劳驾驶困倦低头检测功能的实现
2022/04/04 Python
Golang ort 中的sortInts 方法
2022/04/24 Golang
MySQL 原理与优化之原数据锁的应用
2022/08/14 MySQL