主页 / 网络编程 /

javascript给span标签赋值的方法

网络编程 2021-07-04 21:03www.168986.cn编程入门
本篇文章通过两种方法给大家介绍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>
上一篇：基于jquery实现全屏滚动效果 下一篇：谈谈javascript中使用连等赋值操作带来的问题

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by