使用 JavaScript 获取按钮元素和样式按钮

Get button element and Style button using JavaScript

本文关键字：按钮 样式 元素 使用 获取 JavaScript      更新时间：2023-09-26
<input type="submit" name="$Submit$0" value="Log in">

如何从上述类型的按钮中获取元素 ID/标签/类？我也想设计它。

这是对的吗？

if (document.getElementsByClassName("submit") !== undefined || document.getElementsByClassName("submit") !== null) {
    var ele = document.getElementsByClassName("submit");
    for (i = 0; i < ele.length; i++) {
        ele[i].style.color = "#6699FF";
        ele[i].style.padding = "0px";
        ele[i].style.height = "10px";
        ele[i].style.width = "30px";
    }
}

或？

if (document.getElementsByTagName("submit") !== undefined || document.getElementsByTagName("submit") !== null) {
    var ele = document.getElementsByTagName("submit")[0];
    ele.style.color = "#6699FF";
    ele.style.padding = "0px";
    ele.style.height = "10px";
    ele.style.width = "30px";
}

getElementById 在这里不起作用。提前感谢！

方法document.getElementsByClassName document.getElementsByTagName永远不会返回undefined或null。返回的结果是一个 HTMLCollection，因此您应该检查此集合是否为空。使用length属性：

if (document.getElementsByClassName("submit").length) {
    // ...
}

但请注意，在您的情况下，您应该检查按钮的类型属性，而不是它的类或标签名称。

为此，另一种方法非常方便document.querySelectorAll(收集(：

if (document.querySelectorAll('[type=submit]').length) {}

或者，如果您只想选中一个按钮，请使用document.querySelector(单个元素(：

if (document.querySelector('[type=submit]')) {}
相关文章：