1
console.log不支持輸出值,但它表明它在那裏,由於某種原因它只是無法使用。與警報功能一樣。您可以在控制檯中測試代碼,您將看到輸出確實存在,但是爲空。console.log不支持輸入值
代碼:
(function() {
var button = document.getElementsByTagName("button");
var userInput = document.getElementById("user_input").value;
button[0].addEventListener("click", function() {
console.log(userInput);
}, false);
})();
HTML:
<form>
<input id="user_input" type="text" placeholder="add new task">
<button type="button">
<!-- SVG add icon-->
<svg class="add_symbol" xmlns="http://www.w3.org/2000/svg" viewBox="1197.5 116.5 18 18">
<defs>
<style>
.cls-1, .cls-2 {
fill: none;
}
.cls-1 {
stroke: #fff;
}
.cls-2 {
stroke: #fcfeff;
}
</style>
</defs>
<g id="Group_3" data-name="Group 3" transform="translate(890 21)">
<line id="Line_4" data-name="Line 4" class="cls-1" y2="18" transform="translate(316.5 95.5)"/>
<line id="Line_5" data-name="Line 5" class="cls-2" y2="18" transform="translate(325.5 104.5) rotate(90)"/>
</g>
</svg>
</button>
</form>
請添加HTML代碼 –
什麼是'user_input'在HTML中的價值?請分享HTML代碼。 –
這不是看不見的。它是空的,這意味着輸入的值屬性是空的。 –