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 相关文章推荐
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
Apr 01 Javascript
javascript 模式设计之工厂模式详细说明
May 10 Javascript
iframe子页面获取父页面元素的方法
Nov 05 Javascript
Tab切换组件(选项卡功能)实例代码
Nov 21 Javascript
JQuery选择器绑定事件及修改内容的方法
Jan 23 Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
基于JQuery的Ajax方法使用详解
Aug 16 jQuery
微信、QQ、微博、Safari中使用js唤起App
Jan 24 Javascript
微信小程序自定义组件components(代码详解)
Oct 21 Javascript
javascript实现电商放大镜效果
Nov 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
phpmyadmin的#1251问题
2006/11/25 PHP
php实现memcache缓存示例讲解
2013/12/04 PHP
php读取远程gzip压缩网页的方法
2014/12/29 PHP
PHP定时执行任务实现方法详解(Timer)
2015/07/30 PHP
thinkphp中的url跳转用法分析
2016/07/12 PHP
php使用正则表达式获取字符串中的URL
2016/12/29 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
利用javascript查看html源文件
2006/11/08 Javascript
浅谈Javascript鼠标和滚轮事件
2012/06/27 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
2014/06/30 Javascript
javascript数组去重的六种方法汇总
2015/08/16 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
webpack实现热加载自动刷新的方法
2017/07/30 Javascript
Angular实现下拉框模糊查询功能示例
2018/01/03 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
2019/04/08 Javascript
基于Layui自定义模块的使用方法详解
2019/09/14 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
完美解决Python2操作中文名文件乱码的问题
2017/01/04 Python
详解如何减少python内存的消耗
2019/08/09 Python
利用python Selenium实现自动登陆京东签到领金币功能
2019/10/31 Python
python模拟斗地主发牌
2020/04/22 Python
Html5跳转到APP指定页面的实现
2020/01/14 HTML / CSS
French Connection官网:女装、男装及家居用品
2019/03/18 全球购物
装饰资料员岗位职责
2013/12/30 职场文书
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
优秀企业获奖感言
2014/02/01 职场文书
意外死亡赔偿协议书
2014/10/14 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
2015年元旦主持词结束语
2014/12/14 职场文书
项目验收申请报告
2015/05/15 职场文书
班委竞选稿范文
2015/11/21 职场文书
深入理解java.lang.String类的不可变性
2021/06/27 Java/Android
详解Python中*args和**kwargs的使用
2022/04/07 Python
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js