javascript给span标签赋值的方法

 更新时间:2015年11月26日 17:05:59   投稿:mrr  
本篇文章通过两种方法给大家介绍js给span标签赋值的方法,两种方法都比较不错,特此分享给大家,供大家学习

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实现前端input密码输入强度验证

    javascript实现前端input密码输入强度验证

    这篇文章主要为大家详细介绍了javascript实现前端input密码输入强度验证,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • JS滚轮控制图片缩放大小和拖动的实例代码

    JS滚轮控制图片缩放大小和拖动的实例代码

    本文通过实例代码给大家介绍了js 滚轮控制图片缩放大小和拖动,代码简单易懂,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2018-11-11
  • 微信小程序实现锚点跳转

    微信小程序实现锚点跳转

    这篇文章主要为大家详细介绍了微信小程序实现锚点跳转,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • 可以读取EXCEL文件的js代码

    可以读取EXCEL文件的js代码

    js读取 EXCEL 文件 的实现代码,比较全了大家可以自行测试了。
    2009-08-08
  • javascript框架设计读书笔记之模块加载系统

    javascript框架设计读书笔记之模块加载系统

    本文是司徒正美的《javascript框架设计》的第二章模块加载系统的读书笔记,根据自己的理解,简要的跟大家讲述了本章的主要内容,方便大家更好的学习。
    2014-12-12
  • 微信小程序用户自定义模版用法实例分析

    微信小程序用户自定义模版用法实例分析

    这篇文章主要介绍了微信小程序用户自定义模版用法,结合实例形式较为详细的分析了微信小程序自定义模板的定义、数据调用、布局设置等简单使用技巧,需要的朋友可以参考下
    2017-11-11
  • js实现带箭头的进度流程

    js实现带箭头的进度流程

    这篇文章为大家详细主要介绍了js实现带箭头的进度流程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 老生常谈js中的MVC

    老生常谈js中的MVC

    下面小编就为大家带来一篇老生常谈js中的MVC。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 微信小程序使用gitee进行版本管理

    微信小程序使用gitee进行版本管理

    这篇文章主要介绍了微信小程序使用gitee进行版本管理,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • 基于滚动条位置判断的简单实例

    基于滚动条位置判断的简单实例

    下面小编就为大家分享一篇基于滚动条位置判断的简单实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12

最新评论