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的面向对象(一)
Nov 09 Javascript
javascript中对对层的控制
Dec 29 Javascript
javascript数组的扩展实现代码集合
Jun 01 Javascript
JavaScript学习笔记记录我的旅程
May 23 Javascript
jQuery事件绑定.on()简要概述及应用
Feb 07 Javascript
用Javascript获取页面元素的具体位置
Dec 09 Javascript
js闭包用法实例详解
Dec 13 Javascript
js 将input框中的输入自动转化成半角大写(税号输入框)
Feb 16 Javascript
jquery编写日期选择器
Mar 16 Javascript
深入理解Node中的buffer模块
Jun 03 Javascript
基于js实现抽红包并分配代码实例
Sep 19 Javascript
如何使用webpack打包一个库library的方法步骤
Dec 18 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
一个简单的MySQL数据浏览器
2006/10/09 PHP
php缓存技术详细总结
2013/08/07 PHP
PDO实现学生管理系统
2020/03/21 PHP
Ext 表单布局实例代码
2009/04/30 Javascript
不同浏览器对回车提交表单的处理办法
2010/02/13 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
2013/05/30 Javascript
Jquery 在页面加载后执行的几种方式
2014/03/14 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
node.js中的http.response.removeHeader方法使用说明
2014/12/14 Javascript
Angularjs基础知识及示例汇总
2015/01/22 Javascript
js跨域请求数据的3种常用的方法
2015/12/01 Javascript
基于JQuery实现图片轮播效果(焦点图)
2016/02/02 Javascript
javascript如何创建对象
2016/08/29 Javascript
AngularJS打开页面隐藏显示表达式用法示例
2016/12/25 Javascript
详解数组Array.sort()排序的方法
2020/05/09 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
JS+canvas画一个圆锥实例代码
2017/12/13 Javascript
create-react-app构建项目慢的解决方法
2018/03/14 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
2018/04/13 Javascript
JavaScript ES6 Class类实现原理详解
2020/05/08 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
2021/01/11 Javascript
[02:16]卖萌的僵尸 DOTA2神话信使飞僵小宝来袭
2014/03/24 DOTA
[01:14]DOTA2亚洲邀请赛小组赛赛前花絮
2017/03/27 DOTA
python连接MySQL数据库实例分析
2015/05/12 Python
Python使用reportlab将目录下所有的文本文件打印成pdf的方法
2015/05/20 Python
Python自动化开发学习之三级菜单制作
2017/07/14 Python
Python3实现获取图片文字里中文的方法分析
2018/12/13 Python
一篇文章弄懂Python中所有数组数据类型
2019/06/23 Python
Python 内置变量和函数的查看及说明介绍
2019/12/25 Python
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
利用html5 file api读取本地文件示例(如图片、PDF等)
2018/03/07 HTML / CSS
JOSEPH官网:英国奢侈时尚品牌
2018/01/31 全球购物
2015关于重阳节的演讲稿
2015/03/20 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
React 高阶组件HOC用法归纳
2021/06/13 Javascript