返回未定义的Javascript可见元素

我尝试单击的HTML代码是

Send

vari；
var button=document.getElementsByClassName（“flatbutton”）；
对于（i=0；i

由于某些原因，返回的所有内容都是未定义的。这没有意义，它应该返回“发送”

---

我更喜欢在代码中只使用Javascript而不使用JQuery，因为

innertext

应该是

innertext

vari；
var button=document.getElementsByClassName（“flatbutton”）；
对于（i=0；i

---

Send

将

innertext

更改为

innertext

。您将获得所需的结果。

如果希望获得单个类元素，最好避免循环。用这个。如果有多个类，则使用循环。

 <button type="submit" class="flatbutton">Send</button>
 var button = document.getElementsByClassName("flatbutton")[0].innerText;
 console.log(button);

发送
var button=document.getElementsByClassName（“flatbutton”）[0].innerText；
控制台日志（按钮）；

您可以在jQuery中这样做：

$(".flatbutton[type='submit']").each(function()
{
    console.log($(this).html());
});

或者使用vanilla JS让一切变得更复杂：

var btns = document.getElementsByClassName("flatbutton");
for(var i=0;i<btns.length;i++)
{
    var btn=btns[i];
    if(btns.getAttribute("type") == "submit")
    {
        console.log(btn.innerHTML);
    }
}

var btns=document.getElementsByClassName（“flatbutton”）；
对于（var i=0；i而不是

console.log（按钮[i].innertext）

使用

console.log（按钮[i].textContent）；
您可以在按钮上设置dataattribute并从中获取其值。
像这样

<button type="submit" class="flatbutton" data-value="send" >Send</button>

var buttonvalue = document.getElementsByClassName("flatbutton").data.value;

        var i;
        var button = document.getElementsByClassName("flatbutton");
        for (i = 0; i < button.length; ++i) {
        if (button[i].type == "submit") {
        console.log(button[i].value);
        }
        }

发送
var buttonvalue=document.getElementsByClassName（“flatbutton”）.data.value；

为什么不使用JQUERY？
或者，您可以尝试通过尝试获取“send”值。值如下

<button type="submit" class="flatbutton" data-value="send" >Send</button>

var buttonvalue = document.getElementsByClassName("flatbutton").data.value;

        var i;
        var button = document.getElementsByClassName("flatbutton");
        for (i = 0; i < button.length; ++i) {
        if (button[i].type == "submit") {
        console.log(button[i].value);
        }
        }

vari；
var button=document.getElementsByClassName（“flatbutton”）；
对于（i=0；i
你在
之间加了一个空格。innerText
@Jhecht:谢谢，更新了！！！你怎么会喜欢香草JS而不是jQuery，就像你试过jQuery一样？