js怎么取得文本框的宽度与高度

JavaScript015

js怎么取得文本框的宽度与高度,第1张

文本框没有宽度属性 所以.width是不对。然后style里面有height样式的。但没有width样式。<br>所以你要设置文档框的高度是 设置style="height:30px"就行了<br>文本框的长度 是和size相关的 ，设置size多少 宽度就是多少了<br>取值的话 取对应属性就行了<br>alert(document.getElementById("text1").size)//宽度 <br>alert(document.getElementById("text1").style.height)//高度

代码如下

     function countChar(textareaID,spanID,maxNum)

{

    //得到输入的字符的长度

var NowNum = document.getElementById(textareaID).value.length

//判断输入的长度是否超过规定的长度

if(NowNum>maxNum)

{

   //如果超过就截取规定长度的内容

document.getElementById(textareaID).value = document.getElementById(textareaID).value.substring(0,maxNum)

}

else

{

    //得到当前的输入长度并且显示在页面上

document.getElementById(spanID).innerHTML = NowNum

}

}

//得到当前的输入长度并且显示在页面上

function SetLength(textareaID,spanID)

{

var NowNum = document.getElementById(textareaID).value.length

document.getElementById(spanID).innerHTML = NowNum

}

function PageInit()

{

SetLength('txtF_Content','counter')

}

 实现效果：

<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">

<html>

<head>

<title>文本框宽度自动适应文本宽度 </title>

</head>

<script type="text/javascript">

function changeInputlength(cursor)

{

var getcount=document.getElementById("countFont")

var getText=document.getElementById("text")

getcount.innerHTML='<font>第'+(parseInt(getText.value.length)+1)+'个字符</font>'

cursor.size=getText.value.length+2

}

</script>

<body>

请输入字符：<input type="text" size="3" id="text" onkeydown="changeInputlength(this)"/>

<span id="countFont"></span>

</body>

</html>