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 相关文章推荐
腾讯的ip接口 方便获取当前用户的ip地理位置
Nov 25 Javascript
jQuery的学习步骤
Feb 23 Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 Javascript
Javascript实现页面跳转的几种方式分享
Oct 26 Javascript
js微信分享API
Oct 11 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
vue 的 solt 子组件过滤过程解析
Sep 07 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
Oct 14 Javascript
webpack4 optimization使用总结
Nov 10 Javascript
原生js实现文件上传、下载、封装等实例方法
Jan 05 Javascript
基于postman获取动态数据过程详解
Sep 08 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
PHP设计模式之工厂方法设计模式实例分析
2018/04/25 PHP
PHP时间类完整代码实例
2021/02/26 PHP
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
2012/08/14 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
利用javascript打开模态对话框(示例代码)
2014/01/11 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
jQuery实现表单提交时判断的方法
2014/12/13 Javascript
jQuery中:submit选择器用法实例
2015/01/03 Javascript
js中this的用法实例分析
2015/01/10 Javascript
极力推荐10个短小实用的JavaScript代码段
2016/08/03 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
webpack构建react多页面应用详解
2017/09/15 Javascript
巧妙运用v-model实现父子组件传值的方法示例
2019/04/07 Javascript
Angular CLI 使用教程指南参考小结
2019/04/10 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
2020/08/14 Javascript
[04:29]【TI9采访】OG.N0tail在胜者组决赛后接受采访
2019/08/25 DOTA
Python基础入门之seed()方法的使用
2015/05/15 Python
python3+PyQt5重新实现自定义数据拖放处理
2018/04/19 Python
Python切片操作深入详解
2018/07/27 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
python简单实现矩阵的乘,加,转置和逆运算示例
2019/07/10 Python
Python 读取xml数据,cv2裁剪图片实例
2020/03/10 Python
用Python制作mini翻译器的实现示例
2020/08/17 Python
python空元组在all中返回结果详解
2020/12/15 Python
利用CSS3动画实现圆圈由小变大向外扩散的效果实例
2018/09/10 HTML / CSS
移动端HTML5 input常见问题(小结)
2020/09/28 HTML / CSS
美国女性运动零售品牌:Lady Foot Locker
2017/05/12 全球购物
物流专业大学的自我评价
2014/01/11 职场文书
趣味体育活动方案
2014/02/08 职场文书
硕士生工作推荐信
2014/03/07 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
先进工作者申报材料
2014/12/23 职场文书
比赛口号霸气押韵
2015/12/24 职场文书
《天使的翅膀》读后感3篇
2019/12/20 职场文书
MySQL into_Mysql中replace与replace into用法案例详解
2021/09/14 MySQL
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL