本篇文章通过两种方法给大家介绍 js 给 span 标签赋值的方法,两种方法都比较不错,特此分享给大家,供大家学习
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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>
来源: http://www.phperz.com/article/17/0222/268464.html