masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
javascript - Output nilai oleh js tidak memenuhi jangkaan saya benar-benar tidak memahaminya.
迷茫
迷茫 2017-05-19 10:30:26
0
3
657
var number1 = document.getElementById("queue");
height1 = number1.value+("px");

queue ialah kotak input, number1.value ialah nilai inputnya (nombor), tetapi output height1 sentiasa px tanpa sebarang nombor.
Contohnya: 

console.log(number1.value); //20
console.log(height1);//px

Saya juga mencuba kaedah

var number1 = document.getElementById("queue");
var number1Value = number1.value;
height1 = number1Value+("px");

Lebih pelik sekarang,

console.log(number1.value);//20
console.log(number1Value);//
console.log(number1.value.constructor == String);//true

Buktikan bahawa number1.value ialah rentetan, maka rentetan tambah rentetan sepatutnya OK

迷茫
迷茫

业精于勤，荒于嬉;行成于思，毁于随。

membalas semua(3)
PHPzhong
PHPzhong2017-05-19 10:32:26 Tingkat 3

1 Mungkin apa yang anda faham

. 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="input">
</body>
<script>
var val=document.getElementById("input");
var height=val.value+"px";//你这个地方 定义height的时候 val.value并不存在
console.log(height)//px
</script>
</html>

2 Cara yang betul untuk mendapatkannya

. 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="input" value="20">
</body>
<script>
var val=document.getElementById("input");
var height=val.value+"px";//你这个地方 定义height的时候 val.value已经存在
console.log(height)//20px
</script>
</html>

3 Cara lain untuk memantau kandungan dalam kotak input

. 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="input" onchange="getVal()">
</body>
<script>
var val=document.getElementById("input");
function getVal() {
    var height=val.value+"px";
    console.log(height)//这种只要input值发生改变  这个地方就会有输出  
}

</script>
</html>
Suka +0
Tambah Balasan
曾经蜡笔没有小新
曾经蜡笔没有小新2017-05-19 10:32:26 Tingkat 2

Anda melaksanakannya apabila anda membuka halaman Fungsi ini hanya dilaksanakan sekali Apabila anda memasukkan nilai sekali lagi, anda tidak melaksanakan kaedah itu, dan pada kali pertama nilai itu kosong.

Suka +0
Tambah Balasan
仅有的幸福
仅有的幸福2017-05-19 10:32:26 Tingkat 1

Anda memerlukan fungsi pengendalian acara Apabila halaman baru dimuatkan, nilai mesti kosong kerana anda belum menulis nilai dalam input lagi
var height = 0;
var input = document.querySelector('#input') ;
var btn = document.querySelector('#btn');
btn.addEventListener('click', function(){

var value = input.value;
height = value + 'px';

}, palsu)

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan