简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - La valeur affichée par js ne correspond pas aux attentes. Je ne la comprends vraiment pas.
迷茫
迷茫 2017-05-19 10:30:26
0
3
627
var number1 = document.getElementById("queue");
height1 = number1.value+("px");

queue est une zone de saisie, number1.value est sa valeur d'entrée (un nombre), mais la sortie de height1 est toujours px sans aucun nombre.
Par exemple : 

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

J'ai aussi essayé une méthode

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

C'est encore plus bizarre maintenant,

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

Prouvez que number1.value est une chaîne, alors chaîne plus chaîne devraient être OK

迷茫
迷茫

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

répondre à tous(3)
PHPzhong
PHPzhong2017-05-19 10:32:26 3 plancher

1. Probablement ce que vous comprenez

<!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. La bonne façon de l'obtenir 

<!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. Une autre façon de surveiller le contenu dans la zone de saisie

<!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>
Comme +0
Ajouter une réponse
曾经蜡笔没有小新
曾经蜡笔没有小新2017-05-19 10:32:26 2 plancher

Vous l'exécutez lorsque vous ouvrez la page. La fonction n'est exécutée qu'une seule fois. Lorsque vous saisissez à nouveau la valeur, vous n'exécutez pas la méthode, et la première fois la valeur est vide !

Comme +0
Ajouter une réponse
仅有的幸福
仅有的幸福2017-05-19 10:32:26 1 plancher

Vous avez besoin d'une fonction de gestion des événements. Lorsque la page vient d'être chargée, la valeur doit être vide car vous n'avez pas écrit de valeur dans l'entrée.
var height = 0; document .querySelector('#input');
var btn = document.querySelector('#btn');
btn.addEventListener('click', function(){

var value = input.value;
height = value + 'px';
}, faux)

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！