使用JavaScript附加HTMLEditorExtendor获取ASP TextBox元素的值

Question

我有一个奇怪的问题。我有一个附加了ajaxToolkit HtmlEditorExtender的文本框。我需要使用javascript获取放在此文本框中的文本。

我有一个简单的测试设置：

var element = document.getElementById('<%=txtUserInput.ClientID%>');
alert(element);

这似乎报告该对象是一个HTML textarea元素，所以我使用.value尝试获取内部然后我尝试.text因为.value不起作用。

alert(element.Value);
alert(element.Text);

这些都给了我一个带有“undefined”的弹出窗口。如何从该文本框中获取值？

我看过这篇文章：

JavaScript getElementById for ASP.NET Control returns null?

也是这个：

JavaScript get TextArea input via .value or .innerHTML?

这是我的HTML元素

<asp:TextBox ID="txtUserInput" Height="100%" Rows="10" Width="100%" TextMode="MultiLine"
runat="server" />
        <ajaxToolkit:HtmlEditorExtender ID="HtmlEditorExtender_txtUserInput"
            TargetControlID="txtUserInput" DisplaySourceTab="false" runat="server">
            <Toolbar>
                <ajaxToolkit:Bold />
                <ajaxToolkit:ForeColorSelector />
                <ajaxToolkit:Italic />
                <ajaxToolkit:JustifyLeft />
                <ajaxToolkit:JustifyCenter />
                <ajaxToolkit:JustifyRight />
            </Toolbar>
        </ajaxToolkit:HtmlEditorExtender>

Answer 1

“。Value”和“.Text”是ASP.NET控件属性，而不是Javascript元素属性。你需要使用“.value”。