无法在 Javascript 函数中访问 span 标签的 innerHTML答案

【问题标题】：Unable to access span tag's innerHTML in Javascript function无法在 Javascript 函数中访问 span 标签的 innerHTML
【发布时间】：2013-05-16 16:32:51
【问题描述】：

我正在尝试创建一封电子邮件（当用户单击链接时），其正文已预先填充了来自 asp:Literal 的文本。 HTML 编写如下：

<tr>
    <td>
        <img src="../../images/Question.gif" alt="Q" />
        Q:
        <span id="question"><asp:Literal ID="literalQuestion" runat="server"></asp:Literal></span>
    </td>
</tr>
<tr>
    <td>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../../images/Answer.gif" alt="Q" />
        A:
        <span id="answer"><asp:Literal ID="literalAnswer" runat="server"></asp:Literal></span>
    </td>
</tr>
<tr>
    <td>
        &nbsp;
    </td>
</tr>
<tr>
    <td>
        Click <a href="#" onclick="javaScript:emailWrongInfo()">Here</a> to email.
    </td>
</tr>

我还有一个 JavaScript 函数，可以在用户单击电子邮件链接时打开电子邮件：

function emailWrongInfo() {
            window.location="mailto:Test@test.com?Subject=Email%20Notification&Body=Question:%0A" + document.getElementById("question").innerHTML+ "%0A%0AAnswer:%0A" + document.getElementById("answer").innerHTML;
    }

当我点击链接时，新的电子邮件会打开，但正文部分没有填写问题和答案。似乎 span 的文本没有被拉取。

任何帮助将不胜感激。

【问题讨论】：

更改文本内容为 innerHTML
我尝试了innerHTML，当我点击链接时，我得到以下警告对话框：“命令链接参数无效。验证您正在使用的开关。”
试一下，不要直接把它放在前面的字符串里。

标签： javascript asp.net html

【解决方案1】：

使用HTMLElementObject.innerHTML 代替 elementNode.textContent。

HTMLElementObject.innerHTML 用于获取元素的内部 HTML 而 textContent 属性返回或设置所选元素的文本。

function emailWrongInfo() {
            window.location="mailto:Test@test.com?Subject=Email%20Notification&Body=Question:%0A" + document.getElementById("question").innerHTML+ "%0A%0AAnswer:%0A" + document.getElementById("answer").innerHTML;
    }

希望它能解决你的问题。

【讨论】：

【解决方案2】：

请尝试更改：

    document.getElementById("question").textContent

到

    document.getElementById("question").innerHTML

【讨论】：