如何从document.getElementsByClassName（'myTxtBox'）获取javascript中的值；

我要从中获取值的文本框的html是从一个.js文件创建的-来自javascript。我尝试这样做是为了获得输入myTxtBox的值，该值由类名定义：

<input type='text' class='myTxtBox editable' name='myTxtBox' value='' maxlength='200' size='90'/>
....

警报说我有[对象htmlcollection]

intellisense没有给我.value-我只得到txtVal.valueOf，但是当我进入代码并将鼠标悬停在txtVal上时，我会得到一个>方法，…>myTxtBox的列表。当我展开>myTxtBox列表时，如果我滚动到该列表的底部，我会在>myTxtBox列表中看到值，它与我在网页上输入的值相同

---

如何检索该值？我尝试了intellisense的各种选项，但它要么在警报中给出错误消息，要么给出[object htmlcollection]。如何检索我输入的值？或者-我是否在我的场景中使用了与document.getElementsByClassName'myTxtBox'不同的内容？

getElementsByClassName返回类似数组的HtmlCollection。这样做：

var txtval = document.getElementsByClassName('myTxtBox')[0].value
alert(txtval)

---

您需要返回index+值，因为getElementsByCassName返回HtmlCollection，所以有许多元素。。试试这个：

var val = document.getElementsByClassName('myTxtBox')[0].value
alert(val)

---

我发现我可以向输入元素“myTxtBox”添加一个ID，并使用jquery检索所需的值，所以我这样做了-向文本框添加一个ID，并在警报中使用jquery来执行document.getelementbyID

    //--generate the html section here
"...<input type='text' class='myTxttBox editable datepicker' id='myTxtBox'   name='myTxtBox' value='' size='10'/>..."

function NextButton_Click()
{
    try
    {
        alert($("#PositionStartDateTextBox").val());  <---and this displays the value entered into this textbox
....

---

整个交易是我必须评估一些日期文本框，因为用户可以手动输入值-我想最好的解决办法是这个文本框不可编辑。这将是另一个问题-如何添加日期选择器而不具有可编辑的文本框。

它的可能副本返回一个类似数组的HtmlCollection。已经尝试过了，但它不起作用-我只在intellisense上获得valueOf，在警报上得到错误消息。但是我知道这个值在那里，因为当我进入代码并查看所有txtval列表时，我可以看到它。html是由这个js文件中的javascript生成的，该文件在我的web应用程序上的ascx用户控件中引用。不知道为什么它不起作用。你能为这个做一个简单的JSFIDLE/jsbin吗？好了，现在它可以工作了-我一定是有打字错误或什么var-txtval=document.getElementsByClassName'myTxtBox'[0]。value-AlertTxtVal已经尝试了var-val=document.getElementsByClassName'myTxtBox'[0].value-我在intellisense上得到的只是valueOf，当我运行应用程序asp.net时，我从警报或[object htmlcollection]中得到一条错误消息

    //--generate the html section here
"...<input type='text' class='myTxttBox editable datepicker' id='myTxtBox'   name='myTxtBox' value='' size='10'/>..."

function NextButton_Click()
{
    try
    {
        alert($("#PositionStartDateTextBox").val());  <---and this displays the value entered into this textbox
....