js为span标签赋值与取值的一段代码

发布时间:2019-10-28编辑:脚本学堂
js如何为span赋值,如何取得span标签中的值,这里分享几个span标签赋值与取值的例子,纯js代码实现,简单易用,支持ie与firefox。

一、javascript如何给span赋值?

两种方法:
1、输出html(js为span标签赋值)

复制代码 代码示例:
<body onload="s()">
<span id="hello"></span>
<script language="javascript">
  function s(){
document.getElementById("hello").innerHTML = "<iframe src=  height=400 width=300></iframe>";
}
</script>

2、输出文本(js为span标签赋值)

复制代码 代码示例:
<body onload="s()">
<span id="hello"></span>
<script language="javascript">
  function s(){
document.getElementById("hello").innerText = "hello world";
}
</script>

二、js获取span标签中值的代码 支持ie与firefox

例子,js获取span标签中的值的代码(ie支持outerText,firefox支持textContent)。
 

复制代码 代码示例:
if (isIE)
{
var spanTest=document.getElementById('spanTest');
spanValue = spanTest.outerText;
}
else
{
spanValue = spanTest.textContent;
}