<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) {
// ...
}
但是请注意,在这种情况下,您应该检查按钮的type属性,而不是类或标记名。
为此,另一种方法非常方便
document.querySelectorAll
(集合):if (document.querySelectorAll('[type=submit]').length) {}
或者,如果您只想检查一个按钮,请使用
document.querySelector
(单个元素):if (document.querySelector('[type=submit]')) {}
关于javascript - 使用JavaScript获取按钮元素和样式按钮,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29173915/