FF下javascript问题

Question

我的代码 <div id="left"> <div id="content-middle"> 
  <div id="box1"> <ul> <li> <img src="images/detail_08.gif"> <input type="button" class="button" value="Sautéed Diced Lamb with Scallion" name="1" onclick="getText(this.value)"> </li> </ul> </div> 
  <div id="box2"> <img src="images/detail_28.gif"> </div> <div id="box3"> <ul> <li> <img src="images/detail_11.gif"> <input type="button" class="button" value="Braised Chicken with Chestnuts" name="2" onclick="getText(this.value)"> </li> </ul> </div> <div id="box4"> <img src="images/detail_28.gif"> </div> <div id="box5"> <ul> <li> <img src="images/detail_11.gif"> <input type="button" class="button" value="egg" name="2" onclick="getText(this.value)"> </li> </ul> </div> <div id="box6"> <img src="images/detail_28.gif"> </div> </div> 
我想使用input输出的按钮上的文字，如“Sautéed Diced Lamb with Scallion”换行显示，字符数可以定为24.谢谢。最好把代码附上。 需要的是javascript实现的自动换行 谢谢了

Answer 1

<script>
window.onload=function(){
  var arr=document.getElementsByTagName("INPUT");
  for(var i=0;i<arr.length;i++){
    if(arr[i].type=='button'){
      var v=arr[i].value
      if(v.length>24){
        v=v.substr(0,24)+'\n'+v.substr(25);
        arr[i].value=v;
      }
    }
  }
}
</script>
<div id="left"> <div id="content-middle">
  <div id="box1"> <ul> <li> <img src="images/detail_08.gif"> <input type="button" class="button" 
value="Sautéed Diced Lamb with Scallion" name="1" onclick="getText(this.value)"> </li> </ul> </div>
  <div id="box2"> <img src="images/detail_28.gif"> </div> <div id="box3"> <ul> <li> <img 
src="images/detail_11.gif"> <input type="button" class="button" value="Braised Chicken with Chestnuts" name="2" onclick="getText(this.value)"> </li> </ul> </div> <div id="box4"> <img src="images/detail_28.gif"> </div> <div id="box5"> <ul> <li> <img src="images/detail_11.gif"> <input type="button" class="button" value="egg" name="2" onclick="getText(this.value)"> </li> </ul> </div> <div id="box6"> <img src="images/detail_28.gif"> </div>

Answer 2

<script>
window.onload=function(){
  var arr=document.getElementsByTagName("INPUT");
  var re = /(.{24})/g;
  for(var i=0;i<arr.length;i++){
    if(arr[i].className=='button'){
      arr[i].value=arr[i].value.replace(re,"$1\r\n");
    }
  }
}
</script>

Answer 3

<SCRIPT LANGUAGE=javascript>
window.onload=function(){
  var arr=document.getElementsByTagName("INPUT");
  for(var i=0;i<arr.length;i++){
    if(arr[i].type=='button'){
      var v=arr[i].value
      
      if(v.length>24){//这里解决
        var t=v.substr(25,1)//第25个字符
        if(t==' '){//没断字
          v=v.substr(0,24)+'\n'+v.substr(25);
          arr[i].value=v;
        }
        else{//断字了
         for(var j=24;j>0;j--){//从24位置向后循环到1查找""
           if(v.charAt(j)==' '){
             v=v.substr(0,j)+'\n'+v.substr(j+1);
             arr[i].value=v;             
             break;
           }
         }
        }
      }
    }
  }
}
</script>