首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

JS很简单的有关问题

2011-12-14 
JS很简单的问题点击按钮 加 的时候只执行一次xxx().即textarea的高度只增加200.再点击按钮增加高度就没

JS很简单的问题
点击按钮 "加 "的时候只执行一次xxx().即textarea的高度只增加200.再点击按钮增加高度就没反映了~....怎么样才能每点击一次textarea的高度就在原基础上增加200?
<script>
function   xxx()
{
document.getElementById( "xx ").style.height+=200;
}
</script>
<textarea   id= "xx "> </textarea>

<input   onclick= "xxx() "   value= "加 ">


[解决办法]
<script>
function xxx()
{
var i=document.getElementById( "xx ").style.height;
var j=i.split( "px ");


var k=Math.floor(j[0]);

k += 200;
document.getElementById( "xx ").style.height=k;
}
</script>
[解决办法]
因为document.getElementById( "xx ").style.height返回的是一个字符串,如(200px)
[解决办法]
document.getElementById( "xx ").style.height = parseInt(document.getElementById( "xx ").style.height) + 200 + "px ";
[解决办法]
<script>
function xxx()
{
var hh=document.getElementById( "xx ").style.height;
var h=hh.substring(0,hh.length-2);
var seth=Number(h)+200;
document.getElementById( "xx ").style.height=seth+ "px ";
}
</script>
<textarea id= "xx " style= "height:120px "> </textarea>

<input onclick= "xxx() " value= "加 ">

热点排行