爲什麼這不起作用？我做錯了什麼？

-7

<body onload="x()" background=" http://theworldsbestever.s3.amazonaws.com/blog/wp-content/uploads/2013/02/tumblr_inline_mi17k7Afai1qz4rgp.gif"> <font size="32%"><h1 style="font-family: Verdana; color: red; text-align: center"><u>How long is your text?<u></font> 

</h1> 
<br> 
<div style="text-align: center;"> 
    <input style="text-align: center;" id="input1" maxlength="6" placeholder="Enter Some Text"> 
    <br><br> 
     <button type="button" onclick="x()">Submit</button> 
</div> 
<p id="textLength2" style="color: white; text-align: center; font-family: verdana;"></p> 
<script> 
    function x() { 
     var textLength = document.getElementById("input1"); 
     var textLength = textLength.length; 
     document.getElementById("textLength2").innerHTML = textLength; 
    } 
</script> 
</body>

來源

2014-06-06 Fizzy

你是什麼意思不起作用？ –

下面的段落應該返回輸入字段的長度，但它不起作用 – Fizzy

「你能找到bug」的問題[對於Stack Overflow來說不是很好的問題]（http://meta.stackoverflow.com/questions/ 253787 /是，有正當-FIX-MY-代碼嗎？CB = 1＃253788）。確保你提供了一個簡短的，但**具體的問題**，準確地告訴我們什麼是錯的。「它不起作用」不是問題陳述。 –

也許我明白了。

function x() { 
     var textLength = document.getElementById("input1").value.length; 
     document.getElementById("textLength2").innerHTML = textLength; 
    }

來源

2014-06-06 15:39:27 nicael

輸入元素沒有（明智的）'innerHTML'值，它們被定義爲'EMPTY'，因此不能有子節點。 – Quentin

@Quentin是的。編輯。 – nicael

document.getElementById("input1")給你一個輸入元素，而不是一個字符串。您需要閱讀其value屬性。

來源

2014-06-06 15:39:47 Quentin

我分享此代碼沒有錯誤。

<html> 

<body onload="x()" 
</h1> 
<br> 
<div style="text-align: center;"> 
     <input style="text-align: center;" id="input1" maxlength="6" placeholder="Enter Some Text"> </input> 
      <br><br> 
     <button type="button" onclick="return x()">Submit</button> 
</div> 
<p id="textLength2" style="color: white; text-align: center; font-family: verdana;"></p> 
<script> 
    function x() { 
     var text ; 
     text = document.getElementById('input1').value; 
     console.log(text); 
     var long = text.length; 

     document.getElementById("textLength2").innerHTML = text; 
    } 
</script> 
</body> 
</html>

來源

2014-06-06 15:51:38 Hann

爲什麼這不起作用？我做錯了什麼？

回答

相關問題