2

这是我的html表单：

<label>Name:</label><input type ="text" input id="myName" /><br>
<label>Street:</label><input type="text" input id="myStreet" /><br>
<label>City:</label><input type="text" input id="myCity" /><br>
<label>State:</label> <input type="text" input id="myState" /><br>
<label>Zip:</label> <input type="text" input id="myZip" /><br>

<input type="submit" value="Submit" onclick="myAlert()">
</form>
//my myAlertFunc (from external file) 

function myAlert(){
    var person = new Person(document.getElementById('myName').value, document.getElementById("myStreet").value, document.getElementById("myCity").value, document.getElementById("myState").value, document.getElementById("myZip").value);
    alert(person.getFullAddress());
}

//and my getFullAddress proto from my Person class

Person.prototype.getFullAddress = function () {
    return ("Hi, my name is" + " " + this.name + "," + " " + "and my address is:" + " " + this.street + "," + this.city + "," + this.state + "," + this.zip);
};

现在，单击时，myAlertFunc 会提醒用户输入值。如何在我的 html 正文中显示这些值？我知道我应该使用只有输入 id 的元素并使用 document.getElementById(); 打电话给那个id，但我不知道在那之后该怎么做。

提前致谢！

4

2 回答 2

3

您正在寻找的属性是 innerHTML： http ://www.w3schools.com/jsref/prop_html_innerhtml.asp

因此，您的代码将类似于以下内容：

// alert(person.getFullAddress());
document.getElementById("resultDiv").innerHTML = person.getFullAddress();

其中“resultDiv”是您希望显示结果的元素的 ID。

祝你好运！

于 2013-06-18T21:32:34.493 回答
2

您可以设置元素的 innerHTML 或其值（如果它是输入）

于 2013-06-18T21:17:20.803 回答