span赋值与取值 js为不同id的span赋值

发布时间:2020-12-31编辑:脚本学堂
有关span赋值与取值的方法,js如何为相同name不同id的span赋值与取值,js为span标签赋值与取值的实例代码.

一、span标签赋值与取值。
 
1、<span id="span_id">span的文本</span>的取值。
 
js取span值并不是用document.getElementById('span_noticesg').value,而是document.getElementById('span_id').innerText。
jquery取span的值,是$("#span_noticesg").html();
 
2、<span id="span_id"></span>的赋值。
 

$('#span_id').html("span的文本");
document.getElementById('span_id').innerText="span的文本";

二、如何给span赋值? 

document.getElementById("num").innerText="give a value innerText";//此句只能在IE内使用
document.getElementById("num").innerHTML="give a value innerHTML";//ff和ie都认

三、如何给相同name不同id的span赋值及读取?

html页面:
 

复制代码 代码示例:
<table width="1042" height="66" border="1">
  <tr>
    <td width="340" ><span id="qq1" name="qq"></span></td>
    <td width="340"><span id="qq2" name="qq"></span></td>
    <td width="340"><span id="qq3" name="qq"></span></td>
  </tr>
  <tr>
     <td><span id="qq4" name="qq"></span></td>
    <td><span id="qq5" name="qq"></span></td>
    <td><span id="qq6" name="qq"></span></td>
  </tr>
</table>
 

如上所示,js如何给不同id的span赋值,又如何取值?

js给span标签赋值与取值
 

复制代码 代码示例:
var spans=document.getElementsByName("qq");
for(var i=0;i<spans.length;i++) {
alert(spans[i].innerHTML);//你要取的值
spans[i].innerHTML='你要赋的值';
}
 
var str = document.getElementById("qq1").innerText;
alert("取值:"+str);
document.getElementById("qq1").innerText = "赋值";
 

要做哪个span,就用它的id=qq1
 

span取值:var str=document.getElementById(id).innerHTML
span赋值:document.getElementById(id).innerHTML='我的id是'+id