var form = document.getElementsByTagName("form") for (var i = 0; i < form.length; i++) { for (var j = 0; j < form[i].elements.length; j++) { if (form[i].elements[j].type == "text") { var e = form[i].elements[j]; e.style.width = "80px"; } } }
window.onload = function () { var spanEl = document.getElementsByTagName("span"); for (var i = 0; i < spanEl.length; i++) { alert(spanEl[i].innerHTML); } };
得到的是个数值
for (var i = 0; i < form.length; i++) {
for (var j = 0; j < form[i].elements.length; j++) {
if (form[i].elements[j].type == "text") {
var e = form[i].elements[j];
e.style.width = "80px";
}
}
}
<div id="test">
有一些span标签
</div>那么
document.getElementById('test').getElementsByTagName("span");
就是在test下,所有的span标签了如果要取得叶面上所有的span
那么有两种方法
document.body.getElementsByTagName("span");
或者,#1的方法
window.onload = function () {
var spanEl = document.getElementsByTagName("span");
for (var i = 0; i < spanEl.length; i++) {
alert(spanEl[i].innerHTML);
}
};
返回类似数组的对象,由dom元素组成。document也可以是dom对象。
这种问题google一下就出来了
document.getElementsByTagName("span");
得到的是个类似数组,调用里面的每一个元素使用:
document.getElementsByTagName("span").childNodes[i].NodesValue;jQuery:
$("span").就可以操作所有的span了
你贴html代码看看
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script>
window.onload = function() {
var spanEl = document.getElementsByTagName("span");
for (var i = 0; i < spanEl.length; i++) {
alert(spanEl[i].innerHTML);
}
};
</script>
</head><body>
<table width='740px'><tr><td rowspan='3' valign='top' align='left' width='40px'>1.</td></tr><tr><td class='zpfont' align='left' width='60px'><a href='../Pages/szOneInfo.aspx?idx=362' target='_blank'>脉</a></td></tr><tr><td align='left' width='640px'>【表现】<span class='zpfont' onclick='addItem()' >浮脉脉举之有余</span> , <span class='zpfont' onclick='addItem()' >浮脉脉按之不足</span> </td></tr><tr><td rowspan='3' valign='top' align='left' width='40px'>2.</td></tr><tr><td class='zpfont' align='left' width='60px'><a href='../Pages/szOneInfo.aspx?idx=363' target='_blank'>脉& lt;/a></td></tr><tr><td align='left' width='640px'>【表现】<span class='zpfont' onclick='addItem()' >濡脉脉浮细</span> , <span class='zpfont' onclick='addItem()' >濡脉脉无力</span> , <span class='zpfont' onclick='addItem()' >濡脉脉软</span> </td></tr><tr><td rowspan='3' valign='top' align='left' width='40px'>3.</td></tr><tr><td class='zpfont' align='left' width='60px'><a href='../Pages/szOneInfo.aspx?idx=364' target='_blank'>脉</a></td></tr><tr><td align='left' width='640px'>【表现】<span class='zpfont' onclick='addItem()' >散脉脉浮大无根</span> , <span class='zpfont' onclick='addItem()' >散脉脉节律不齐?</span> </td></tr><tr><td rowspan='3' valign='top' align='left' width='40px'>4.</td></tr><tr><td class='zpfont' align='left' width='60px'><a href='../Pages/szOneInfo.aspx?idx=578' target='_blank'>脉& lt;/a></td></tr><tr><td align='left' width='640px'>【表现】<span class='zpfont' onclick='addItem()' >洪脉脉体阔大</span> , <span class='zpfont' onclick='addItem()' >洪脉脉充实有力</span> , <span class='zpfont' onclick='addItem()' >洪脉脉来盛去衰</span> </td></tr><tr><td rowspan='3' valign='top' align='left' width='40px'>5.</td></tr><tr><td class='zpfont' align='left' width='60px'><a href='../Pages/szOneInfo.aspx?idx=579' target='_blank'>脉</a></td></tr><tr><td align='left' width='640px'>【表现】<span class='zpfont' onclick='addItem()' >芤脉脉浮大</span> , <span class='zpfont' onclick='addItem()' >芤脉脉中空</span> , <span class='zpfont' onclick='addItem()' >芤脉如按葱管</span> </td></tr><tr><td rowspan='3' valign='top' align='left' width='40px'>6.</td></tr><tr><td class='zpfont' align='left' width='60px'><a href='../Pages/szOneInfo.aspx?idx=580' target='_blank'>脉</a></td></tr><tr><td align='left' width='640px'>【表现】<span class='zpfont' onclick='addItem()' >革脉脉浮而搏指</span> , <span class='zpfont' onclick='addItem()' >革脉脉中空边坚</span> </td></tr>table>
</body>
</html>
问题解决,是我这的问题,还是你说的对,我忘了别的地方也用到了span了,所以会有那样的问题了