console.log不支持输入值

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>

控制台SS

来源

2017-04-25 Limpuls

请添加HTML代码 –

什么是'user_input'在HTML中的价值？请分享HTML代码。 –

这不是看不见的。它是空的，这意味着输入的值属性是空的。 –

加载该文件，当你所获得的价值。此时，该值为空。你需要让你的点击事件

(function() { 
 
    var button = document.getElementsByTagName("button"); 
 
    var userInput = document.getElementById("user_input"); //Get only the element 
 
    button[0].addEventListener("click", function() { 
 
    console.log(userInput.value); //Get the value 
 
    }, false); 
 

 
})();

<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>

来源

2017-04-25 12:54:45 Weedoze

该死的，这样一个愚蠢的错误。非常感谢，现在它工作正常。 – Limpuls

console.log不支持输入值

回答

相关问题