如何在动态元素上读取属性输入'value'

Question

var boxmaterial = document.getElementsByClassName("spb-productoptiontextcolor spb-productoptionbackground")[0].value;
console.log(boxmaterial)

我在脚本中有这个代码但是当我加载页面时我收到了

Uncaught TypeError: Cannot read property 'value' of undefined
at HTMLDocument.<anonymous> (product.js?2684207326912816513:14)
at u (vendor.js?2684207326912816513:14)
at Object.fireWith [as resolveWith] (vendor.js?2684207326912816513:14)
at ready (vendor.js?2684207326912816513:14)

这是因为该字段尚未加载，因为它是由插件动态加载的。 但是，当我在控制台窗口中运行上面的代码时，页面已加载它的工作原理。

有没有办法选择输入并检索值？ 您可以在此处查看我正在处理的页面working site

Answer 1

无法将document.getElementsByClassName()选择器与多个类名一起使用 - 请改用querySelectorAll：

document.querySelectorAll('.spb-productoptiontextcolor,.spb-productoptionbackground')[0].value

getElementsByClassName() with two classes