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

JavaScript018

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)//高度

<!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>

$(document).ready(function(){

    $("#xiangmuinfo").change(function(){

        var text = $(this).val()

        alert(text.length)

    })

})