javascript - 如何在同一浏览器窗口内的不同表单中访问一个表单中的变量？

Question

我无法从我公司使用的基于 Web 的系统中的特定表单获取字符串的值。

在浏览器中打开时，它由三个表单(不是框架)组成。一个薄的左侧菜单表单、一个顶部薄的水平横幅表单以及我正在构建的表单中加载的右下角的其他 80%。

我需要能够从顶部横幅表单中获取名为“mainForm”的字符串。

该字符串是动态填充的，因为它未设置，并且仅出现在 TD 标记之间。而且它所在的 TD 元素没有 id 或名称，但它是“userName”类的唯一实例。

我尝试了几种排列来尝试访问这个类/字符串组合。

我尝试过的示例:

    document.getElementsByClassName("userName")
    document.querySelector('form[name="mainForm"] .userName').innterHTML
    document.getElementsByClassName("userName")[0].innerText
    document.mainForm.querySelector('.userName').innerText
    document.forms.mainForm.getElementsByClassName('userName')
    mainForm.getElementsByClassName("userName")
    window.form["mainForm"].getElementsByClassName("userName")
    document.form["mainForm"].getElementsByClassName("userName")
    window.parent.document.getElementsByClassName("userName")

<!--Excerpts of code-->

    <form name="mainForm" style="margin: 0px;" action="">
        <table>
            <tr>
            <td align="right" class="userName" nowrap="">Target Text</td>
            </tr>
        </table>
    </form>

    <form id="myForm" method="post" action="">
        <button type="button" id="btnLog" name="btnLog" onclick="getLog()">Get 
        Log</button>
    </form>

    function getLog() {
        var elementLog = document.getElementsByClassName("userName");
        var log = elementLog.textContent;
        alert(log);
    }

我希望alert(log)返回userName类的字符串值。

实际发生的情况是警报触发并显示“未定义”或控制台错误，无法获取未定义或空引用的属性。

Answer 1

我相信您正在寻找的是innerHTML(而不是innterHTML):

function getLog() {
  var elementLog = document.getElementsByClassName("userName")[0];
  var log = elementLog.innerHTML;
  console.log(log);
}

<!--Excerpts of code-->

    <form name="mainForm" style="margin: 0px;" action="">
        <table>
            <tr>
            <td align="right" class="userName" nowrap="">Target Text</td>
            </tr>
        </table>
    </form>

    <form id="myForm" method="post" action="">
        <button type="button" id="btnLog" name="btnLog" onclick="getLog()">Get 
        Log</button>
    </form>