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 相关文章推荐
jquery tools 系列 scrollable学习
Sep 06 Javascript
javascript下判断一个元素是否存在的代码
Mar 05 Javascript
js客户端快捷键管理类的较完整实现和应用
Jun 08 Javascript
js返回上一页并刷新代码整理
Dec 21 Javascript
jquery弹出关闭遮罩层实例
Aug 06 Javascript
引用其它js时如何同时处理多个window.onload事件
Sep 02 Javascript
js实现移动端导航点击自动滑动效果
Jul 18 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
Mar 06 Javascript
原生js代码能实现call和bind吗
Jul 31 Javascript
使用layui 的layedit定义自己的toolbar方法
Sep 18 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
微信小程序实现限制用户转发功能的实例代码
Feb 22 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
PHP5+UTF8多文件上传类
2008/10/17 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
PHP中Static(静态)关键字功能与用法实例分析
2019/04/05 PHP
PHP使用CURL实现下载文件功能示例
2019/06/03 PHP
不错的一个日期输入 动态
2006/11/06 Javascript
javascript实现的使用方向键控制光标在table单元格中切换
2010/11/17 Javascript
js去字符串前后空格5种实现方法及比较
2013/04/03 Javascript
jquery遍历数组与筛选数组的方法
2013/11/05 Javascript
asp知识整理笔记3(问答模式)
2015/09/27 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
JavaScript正则表达式匹配 div  style标签
2016/03/15 Javascript
详解如何在项目中使用jest测试react native组件
2018/02/09 Javascript
vue内置指令详解
2018/04/03 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
在vue中使用echarts图表实例代码详解
2018/10/22 Javascript
vue表单验证你真的会了吗?vue表单验证(form)validate
2019/04/07 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
JS实现普通轮播图特效
2020/01/01 Javascript
Vue快速实现通用表单验证的方法
2020/02/24 Javascript
javascript利用键盘控制小方块的移动
2020/04/20 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
进一步理解Python中的函数编程
2015/04/13 Python
Python中exit、return、sys.exit()等使用实例和区别
2015/05/28 Python
python实现将英文单词表示的数字转换成阿拉伯数字的方法
2015/07/02 Python
Python实现的递归神经网络简单示例
2017/08/11 Python
python学习之hook钩子的原理和使用
2018/10/25 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
Python中Numpy mat的使用详解
2019/05/24 Python
python 实现查询Neo4j多节点的多层关系
2019/12/23 Python
Pycharm新手使用教程(图文详解)
2020/09/17 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
便利店投资创业计划书
2014/02/08 职场文书
政风行风评议工作总结
2014/10/21 职场文书
2014法制宣传日活动总结范文
2014/11/01 职场文书
财务管理制度范本
2015/08/04 职场文书
2016大学生暑期三下乡心得体会
2016/01/23 职场文书