送分

<div>
<span style="">3</span>
</div>
js取span里的3，然后乘12px，在赋给style="widht:"
求各种写法...

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function(){
    var obj=$("div span");
    obj.css({"width":obj.text()*12+"px"});
    })
    </script>
    </head>
    <body>
    <div>
    <span style="">3</span>
    </div>
    </body>
    </html>
      

  2.   

    $(function(){  
     var spanText=jQuery("div span").text();
       var spanStyle=(spanText*12)+"px";
       jQuery("div span").attr("style","width:"+spanStyle);
    });
      

  3.   

    <div>
        <span style=" background-color:Red;display:-moz-inline-box; display:inline-block; ">3</span>
    </div> var curSpan = document.getElementsByTagName("div")[0].getElementsByTagName("span")[0];
        curSpan.style.width =parseFloat(curSpan.innerHTML)*12;
      

  4.   


    ]
    这样写有问题，空对象,html如下,curSpan.style.width没生效
    <div>
        <span>3</span>
    </div>
      

  5.   


    ]
    这样写有问题，空对象,html如下,curSpan.style.width没生效
    <div>
        <span>3</span>
    </div>
    将脚本代码 放在
    <div>
        <span>3</span>
    </div>
    的下面楼上两位用的是jquery,我意在给你提供一个不依赖脚本库的方法
    上了代码是经过测试的，楼主
      

  6.   


    <div>     
    <ul class="aaa">
       <li id="test0" class="bbb">1</li>
    </ul>
    <ul class="aaa">
       <li id="test0" class="bbb">2</li>
    </ul>
    <ul class="aaa">
       <li id="test1" class="bbb">1</li>
    </ul>
    </div> 
    <script type="text/javascript">             
    var curSpan =document.getElementById("test0");
    var i=0;
    for(;i<curSpan.length;i++){    
    ok_li_obj=alert(curSpan[i]);
    }
    ok_li_obj.style.width =parseFloat(curSpan.innerHTML)*12+'px';
    </script>
    这样写怎么不行
      

  7.   

    $('span').attr('style', width:$('span').val()*12 + 'px');