用JavaScript怎么调整text的边框大小

JavaScript017

用JavaScript怎么调整text的边框大小,第1张

<!Doctype HTML>

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

设置div边框高度,其实就是设置div的高度,修改css样式可以实现

元素.style.height = '10px'//将高度设为10px

元素.style.width = '20px'//将宽度设为20px

举个例子:

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <style>

        div{

            height: 100px

            width: 100px

            background-color: #3e6bb8

        }

    </style>

</head>

<body>

<div></div>

<script>

    var mdiv = document.getElementsByTagName('div')[0]//获得元素

    mdiv.style.height = '200px'//设高为200,变成一个100 * 200 的长方形

    mdiv.style.width = '200px'//设宽为200,变成一个200 * 200 的正方形

</script>

</body>

</html>

alert是不行的 你用window.open(PageUrl,name,parameters) 打开窗口试试 这个就可以设置大小 如window.open('page.html','newWindwo','height=300,width=300')