Question

所以我最近决定尝试使用英特尔XDK学习应用程序开发，截至目前我只知道一点点HTML。

我正在尝试创建一个基本测试应用，允许用户在文本框中键入消息，然后单击提交按钮，该按钮提供显示输入文本的提示。

这就是我所拥有的：

Message:
<br>
<input type="text" id="message" value="">
<br>
<button type="button" value="document.getElementByID(message)" onclick=alert(message)>Generate Text</button>

但是当我运行该应用时，它会显示[object HTMLInputElement]。

我该如何解决这个问题？

Answer 1

获取元素值

var message = document.getElementById("message").value;
alert( message );

另外，不要使用内联JS。而是分配一个事件处理程序

document.getElementById("myButton").addEventListener("click", function() {

    var message = document.getElementById("message").value;
    alert( message );

}, false);

以下是一个有效的例子：

var message = document.getElementById("message");
document.getElementById("myButton").addEventListener("click", function() {
    console.log( message.value );
});

<br>
<input type="text" id="message" value="">
<br>
<button id="myButton" type="button">Generate Text</button>

Answer 2

但是当我运行应用程序时，它会显示“[object HTMLInputElement]”。怎么做我解决了这个问题？

message的{p> html，javascript引用了id "message"的元素。您使用alert()元素DOM作为参数调用#message。要更正此问题，您可以将.value：#message的{{1}}属性传递给message。

注意，请参阅Why don't we just use element IDs as identifiers in JavaScript?。

您也可以将alert(message.value)事件附加到click元素，并在button处理程序中调用alert(document.getElementById("message"))，如@ RokoC.Buljan solution所示。< / p>

click alert()和onclick .value {/ 1}}处的引号丢失

message

Answer 3

您必须在alert和value中使用此功能，这只是一个显示为按钮的参数试试这个：

Message: 
<br> 
<input type="text" id="message" value=""> 
<br> 
<button type="button" value="show" onclick=alert(document.getElementByID('message'))>Generate Text</button>

Answer 4

document.getElementByID(message)不属于您按钮的value属性，但应该在您的提醒中：

Message:
<br>
<input type="text" id="message" value="">
<br>
<button type="button" onclick="alert(document.getElementById('message').value)">Generate Text</button>

注意

通常建议您将HTML代码与JavaSCript代码分开，并使用Document.getElementById()代替HTML属性onclick来添加点击事件。

所以，这意味着最好像这样重写上面的代码：

document.getElementById("button").addEventListener("click", function() {
   alert(document.getElementById('message').value);
});

Message:
<br>
<input type="text" id="message" value="">
<br>
<button type="button" id="button">Generate Text</button>

Answer 5

您需要在按钮的值参数中输入：

document.getElementById(message).value

感谢我帮我们。

如何提醒输入值

5 个答案:

注意