如何從JavaScript函數中的HTML輸入中讀取文本？

在網頁上，用戶可以在文本字段中編寫文本。我想用這個頁面上的按鈕來閱讀這個文本，然後把它放在別的地方。這裏是簡化的標記至今：如何從JavaScript函數中的HTML輸入中讀取文本？

<div id="Demo1" class="w3-accordion-content w3-container"> 
<h4>Let's make your Resume Header</h4> 
<table> 
    <tr> 
    <th>Name</th> 
    <td><input type="text" id="name"></td> 
    </tr> 
</table> 
<button onclick="header()" class="save">SAVE</button> 
</div>

這裏是JavaScript代碼，我有：當我運行它

此警報不會在所有的工作。我無法弄清楚爲什麼，任何幫助都非常感謝。

來源

2016-05-03 S. Miller

用引號括 – eosterberg

.getElementById的ID（「名稱」） – eosterberg

哇，這麼簡單的修補程序。感謝您的快速回復。非常感謝，祝你有美好的一天！ –

您已經錯過了報價。所以用document.getElementById('name').value而不是document.getElementById(name).value。

如果你使用name作爲參數，那麼你可以使用它沒有引號。

function header() { 
 
    var name = document.getElementById('name').value; 
 
    alert(name); 
 
}

<div id="Demo1" class="w3-accordion-content w3-container"> 
 
    <h4>Let's make your Resume Header</h4> 
 
    <table> 
 
    <tr> 
 
     <th>Name</th> 
 
     <td> 
 
     <input type="text" id="name"> 
 
     </td> 
 
    </tr> 
 
    </table> 
 
    <button onclick="header()" class="save">SAVE</button> 
 
</div>

來源

2016-05-03 15:45:11 DININDU

這看起來更像是一個點差的遊戲，而不是答案。你改變了什麼？爲什麼它應該解決這個問題？ – Quentin

@Quentin。好吧，謝謝你生病添加更多細節 – DININDU

您必須將elementById參數封裝在引號中，以及讓HTML引用您的JavaScript。見下文。

<script> 
function header() { 
    var name = document.getElementById("name").value; 
    alert(name); 
} 
</script> 

<div id="Demo1" class="w3-accordion-content w3-container"> 
<h4>Let's make your Resume Header</h4> 
<table> 
    <tr> 
    <th>Name</th> 
    <td><input type="text" id="name"></td> 
    </tr> 
</table> 
<button onclick="header()" class="save">SAVE</button> 
</div>

來源

2016-05-03 15:45:11 dYale

如何從JavaScript函數中的HTML輸入中讀取文本？

回答

相關問題