var number1 = document.getElementById("queue");
height1 = number1.value+("px");
queue是一个输入框,number1.value是它的输入的值(一个数字),但是height1输出的始终是px,没有任何数字。
比如:
console.log(number1.value); //20
console.log(height1);//px
我还试了一种方法
var number1 = document.getElementById("queue");
var number1Value = number1.value;
height1 = number1Value+("px");
这下更加奇怪,
console.log(number1.value);//20
console.log(number1Value);//
console.log(number1.value.constructor == String);//true
证明number1.value
是字符串,那字符串加字符串应该可以啊
1.大概你理解的意思
2.正确获取的方式
3.换一种方式 监控输入框中的内容
你这是打开页面就执行 函数只执行了一次 当你再次输入值的时候你并没有执行那个方法 而第一次的值是空的!
你需要一个事件处理函数,页面刚加载进来的时候,value一定是空的,因为你还没有在input里写值
var height = 0;
var input = document.querySelector('#input');
var btn = document.querySelector('#btn');
btn.addEventListener('click', function(){
}, false)