javascript - JavaScript/HTML:ユーザー入力をhtmlボディに表示するには?

Question

ここに私の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);
};

これで、onclick で、myAlertFunc がユーザーの入力値にアラートを出します。これらの値を HTML 本文に表示するにはどうすればよいですか? 入力 ID だけで要素を使用し、document.getElementById(); を使用することになっていることはわかっています。そのIDを呼び出すことはできますが、その後何をすべきかわかりません。

前もって感謝します！

Answer 1

探している属性は innerHTML です: http://www.w3schools.com/jsref/prop_html_innerhtml.asp

したがって、コードは次のようなものになります。

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

「resultDiv」は、結果を表示する要素の ID です。

幸運を！

Answer 2

要素のinnerHTMLまたは入力の場合はその値を設定できます