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选项卡插件实例
Mar 27 Javascript
获取offsetTop和offsetLeft值的js代码(兼容)
Apr 16 Javascript
Jquery 动态生成表格示例代码
Dec 24 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
js验证真实姓名与身份证号是否匹配
Oct 13 Javascript
Bootstrap Navbar Component实现响应式导航
Oct 08 Javascript
微信小程序 弹框和模态框实现代码
Mar 10 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
js HTML5 canvas绘制图片的方法
Sep 08 Javascript
五步轻松实现zTree的使用
Nov 01 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
May 29 Javascript
关于Vue Router的10条高级技巧总结
May 06 Vue.js
谈谈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
destoon利用Rewrite规则设置网站安全
2014/06/21 PHP
PHP实现基于3DES算法加密解密字符串示例
2018/08/24 PHP
List the Codec Files on a Computer
2007/06/11 Javascript
Javascript条件判断使用小技巧总结
2008/09/08 Javascript
理解JavaScript的caller,callee,call,apply
2009/04/28 Javascript
javascript实现div的显示和隐藏的小例子
2013/06/25 Javascript
javascript学习笔记(六)数据类型和JSON格式
2014/10/08 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
2015/07/29 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
2016/05/05 Javascript
Node.js连接MongoDB数据库产生的问题
2017/02/08 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
javascript+html5+css3自定义提示窗口
2017/06/21 Javascript
浅谈JS封闭函数、闭包、内置对象
2017/07/18 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
2017/09/13 Javascript
PM2自动部署代码步骤流程总结
2018/12/10 Javascript
layui中select,radio设置不生效的解决方法
2019/09/05 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
2020/05/09 Javascript
Python协程的用法和例子详解
2017/09/09 Python
python导出hive数据表的schema实例代码
2018/01/22 Python
python高斯分布概率密度函数的使用详解
2019/07/10 Python
python字符串下标与切片及使用方法
2020/02/13 Python
Python计算矩阵的和积的实例详解
2020/09/10 Python
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
2014/04/10 HTML / CSS
土耳其时尚潮流在线购物网站:Trendyol
2017/10/10 全球购物
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
普天C++笔试题
2016/03/20 面试题
护理专业毕业生推荐信
2013/10/31 职场文书
机关领导查摆四风思想汇报
2014/09/13 职场文书
对照四风自我剖析材料
2014/10/07 职场文书
学习走群众路线心得体会
2014/11/05 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
2015年财政局工作总结
2015/05/21 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
MySQL 全文索引使用指南
2021/05/25 MySQL
Github 使用python对copilot做些简单使用测试
2022/04/14 Python