div中添加一个文本框用于输入高一个输入宽再向div添加一个按钮当用户点击按钮 div高宽变为输入的值用js_IT百科

<!DOCTYPE html>

<html>

<head>

<style>

#test {

border:1px solid #444

background:#dfdfdf

width:200px

height:200px

}

</style>

</head>

<body>

宽：<input type="text" name="div_width" >

高：<input type="text" name="div_height" >

</form>

</div>

</body>

function SetSize() {

div = document.getElementById('test')

div.style.width = document.form1.div_width.value + 'px'

div.style.height = document.form1.div_height.value + 'px'

}

</script>

</html>

试试看是否符合需求。

1、利用js代码首先创建一个div，document.createElement('div')

2、确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。

3、确定位置之后，显示div即可。

示例：比如html中有一个文本输入框，我们现在需要在挨着输入框右下角位置显示一个div。

欢迎分享，转载请注明来源：内存溢出

div中添加一个文本框用于输入高一个输入宽再向div添加一个按钮当用户点击按钮 div高宽变为输入的值用js