为什么我的序列化数据不会显示在浏览器中？

Question

每当用户提交表单信息时，我都希望向浏览器显示数据。到目前为止，尽管使用了.textContent，.innerHTML，但到目前为止，我只能在控制台中显示年龄（因为这是我要记录的唯一内容），而在浏览器中则不会。

我查看了无数的SO建议并对其进行了尝试，但是它们对我没有用。

我在做什么错，我该如何解决？

这是我的js：

submitButton.onclick = myForm.onsubmit = function (e) {
    e.preventDefault();

    var ageToSend = JSON.stringify(ageInputSerialized);
    var selectedToSend = JSON.stringify(selectedSerialized);

    var ageDebug = document.getElementsByClassName("debug").value;
    var displayAge = document.createElement("p");
    displayAge.classList.add("info");
    document.getElementsByClassName('info').textContent = ageToSend;

    console.log(ageToSend);

    var xml = new XMLHttpRequest();
    var url = "some/random/url";
    xml.open("POST", url, true);
    // xml.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xml.onreadystatechange = function () {
        if (xml.readyState == 4 && xml.status == 200) {
            // do something with response
            console.log(xml.responseText);
        }
    };
};