Question

我正在尝试从多个字段中获取用户的输入。因此，这是我的JavaScript，可从html内容获取值：

var myButton = document.getElementById('button');
var inp = document.getElementById('myInput');
var inpw = document.getElementById('myPW');

在这里我想显示输入内容：

<h2>Data</h2>
<p id="val"></p>

我所做的是：

myButton.addEventListener('click', function(event) {
    event.preventDefault();

    const object1 = {
        un: inp,
        pw: inpw
    };

    document.getElementById('val').innerHTML = Object.values(object1);
});

但是结果是：

[object HTMLInputElement],[object HTMLInputElement]

Answer 1

我已经知道了：

const object1 = {
        un: inp.value,
        pw: inpw.value
    };
    var myJSON = JSON.stringify(object1);

    document.getElementById('val').innerHTML = myJSON;

输出： {“ un”：“ erin”，“ pw”：“ pdds”}

如何在网页上显示对象值

1 个答案: