要测试了才知道。我一般是解析HTML，然后var a=getElementByClass()Text，然后取里面的元素。alert(a[0])看看是不是我要的，把需要的值提取出来。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>zhidao</title>
</head>
<body>
<p><input type="checkbox" value="1" checked><span>1</span></p>
<p><input type="checkbox" value="2"><span>2</span></p>
<p><input type="checkbox" value="3"><span>3</span></p>
共计：<span id="all"></span>
<script type="text/javascript">
var allinput=documentgetElementsByTagName('input');
var all=documentgetElementById("all");
function getNextElement(node){
if(nodenextSiblingnodeType == 1){ //判断下一个节点类型为1则是“元素”节点
return nodenextSibling;
}
if(nodenextSiblingnodeType == 3){ //判断下一个节点类型为3则是“文本”节点 ，回调自身函数
return getNextElement(nodenextSibling);
}
return null;
}
for(var i=0;i<allinputlength;i++)
{
if(allinput[i]checked)
{
consolelog(allinput[i]);
allinnerHTML+=allinput[i]value;
}
allinput[i]onclick=function()
{
var _this=this;
if(_thischecked==true)
{
consolelog(_this);
allinnerHTML =parseInt(allinnerHTML,10)+parseInt(getNextElement(_this)innerHTML,10);
}
else
{
consolelog(_this);
allinnerHTML =parseInt(allinnerHTML,10)-parseInt(getNextElement(_this)innerHTML,10);
}
}
}
</script>
</body>
</html>
获取下一个span的innerHTML来判断转化，把里面的值转化为十进制整数，再相加
你的oLi是所有li的集合，所以你使用oLi的时候应该加下标，才能表示你使用的 是 哪个li
所以
var oDiv = oLi[此处是下标]getElementsByTagName('div');
你可以write的时候可以直接定义样式。documentwrite("<li><a class='className'><span class='className'>"+headTabs[i]+"</span></a></li>
或者给a标签和span标签定义个id ，然后通过documentgetElementById 获取到元素，然后设置class样式。
innerText兼容性不好,用innerHTML或者nodeValue
function fetchSpanContent(id,spanIndex){
var parentNode = documentgetElementById(id);
if(parentNodetagName&&parenttagName!="span"){
var spans = parentNodegetElementsByTagName("span");
if(spans[spanIndex])return spans[spanIndex]nodeValue||spans[spanIndex]nodeValueinnerText;
else {
var contents = [], i;
for(i in spans)contentspush(spans[i]nodeValue||spans[i]innerText);
return contents;
}
}else {
return parentNodenodeValue||parentNodeinnerText;
}
}
$("ul > li > span")each(function() {
var month = $(this)text()substr(0, 2);
$(this)addClass('y' + month);
});
使用jquery可以很简单的；
当然使用原生JavaScript也可以，使用documentgetElementsByTagName()方法，此方法是返回匹配标签的元素集合。如下：
var allitemspan = documentgetElementsByTagName("span");
for(var i=0;i<allitemspanlength;i++){
allitemspan[i]innerHTML = 0;
}
以上就是关于js 获取span的值赋给input全部的内容，包括:js 获取span的值赋给input、js点击多个checkbox获取相应span值并且自动相加显示在另一个span里面怎么写啊，在线急等！！！、js获取子节点的方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）