<span id="mobil_1"></span><br/>
<span id="mobil_1"></span><br/>
<span id="mobil_1"></span><br/>
<span id="mobil_2"></span><br/>
<span id="mobil_3"></span><br/>
<span id="mobil_4"></span><br/>
<span id="mobil_5"></span><br/>
<span id="mobil_6"></span><br/>
...
<span id="mobil_100"></span><br/>我的目的是想在<span>与</span>输出一串HTML字符以做页面显示!(各个浏览器都能支持)问题是要是用getElementById只能认唯一的ID值,而且各个浏览器支持的也不一样!
我想问问大家,如果ID不唯一能解决么?如果必须不唯一,像如下的话:
<span id="mobil_1"></span><br/>
<span id="mobil_2"></span><br/>
<span id="mobil_3"></span><br/>
<span id="mobil_4"></span><br/>
<span id="mobil_5"></span><br/>
<span id="mobil_6"></span><br/>
我又该怎么解决啊?
<span id="mobil_1"></span><br/>
<span id="mobil_1"></span><br/>
<span id="mobil_2"></span><br/>
<span id="mobil_3"></span><br/>
<span id="mobil_4"></span><br/>
<span id="mobil_5"></span><br/>
<span id="mobil_6"></span><br/>
...
<span id="mobil_100"></span><br/>我的目的是想在<span>与</span>输出一串HTML字符以做页面显示!(各个浏览器都能支持)问题是要是用getElementById只能认唯一的ID值,而且各个浏览器支持的也不一样!
我想问问大家,如果ID不唯一能解决么?如果必须不唯一,像如下的话:
<span id="mobil_1"></span><br/>
<span id="mobil_2"></span><br/>
<span id="mobil_3"></span><br/>
<span id="mobil_4"></span><br/>
<span id="mobil_5"></span><br/>
<span id="mobil_6"></span><br/>
我又该怎么解决啊?
{
document.getElementById("mobil_"+(i+1)).innerText="your HTML";
}
我怎么获取<span id="mobil_6"></span>的数量啊!
<span>标记的数量是不确定的...
getElementsByName如果元素都在某个form里面ie也支持
如果必须不唯一,像如下的话:
<div id="id">
<span id="mobil_1"></span><br/>
<span id="mobil_2"></span><br/>
<span id="mobil_3"></span><br/>
<span id="mobil_4"></span><br/>
<span id="mobil_5"></span><br/>
<span id="mobil_6"></span><br/>
</div>
我又该怎么解决啊?
var len = document.getElementById('id').getElementsByTagName('span').length;
for(var i=1;i<len;i++){
document.getElementById('mobil_'+i).innerHTML = i ;
}
document.getElementById('mobil_'+i).innerHTML = i ;
}不好意思
getElementsByTagName对于那些span和div在不同的IE浏览器里作用不一样,有的起作用,有的不起作用,
因为div本身没有name这个参数啊!input有!a标签有!再问一句,我怎么获取span的数量啊!如果采取如下方式的话:
<span id="mobil_1"></span><br/>
<span id="mobil_2"></span><br/>
<span id="mobil_3"></span><br/>
<span id="mobil_4"></span><br/>
<span id="mobil_5"></span><br/>
<span id="mobil_6"></span><br/>
........
span标记很零散的放在各个地方 <span id="mobil_1"></span><br/>
<span id="mobil_2"></span><br/>
<span id="mobil_3"></span><br/>
<span id="mobil_4"></span><br/>
<span id="mobil_5"></span><br/>
<span id="mobil_6"></span><br/>无法用一个<div></div>归置在一起啊!var len = document.getElementsByTagName('span').length这个好象不成啊
$(this).html('content' + i); // 给每一个span赋予不同的html
})
$('span').each(function(i){
$(this).html('content' + i); // 给每一个span赋予不同的html
})
<span id="mobil_2"></span><br/>
<span id="mobil_3"></span><br/>
<span id="mobil_4"></span><br/>
<span id="mobil_5"></span><br/>
<span id="mobil_6"></span><br/><script>
var len = document.getElementsByTagName('span').length;
//alert(len);
for(var i=1;i<=len;i++){
document.getElementById('mobil_'+i).innerHTML = i ;
}
</script>这样也可以的
var list = document.getElementsByTagName("span");
alert(list.length);
for (var i = 0; i < list.length; i++)
{
list[i].innerHTML = "<b>我的文本</b>";
}这个是可以的FF,IE8,chrome都没有问题