如何通过非唯一的resousre-id查找元素？

var xpath = "//input[@id='resource-id']";  // XPath表达式，定位具有id属性为'resource-id'的input元素
var result = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
var element = result.singleNodeValue;  // 获取定位到的元素对象

var selector = "#resource-id";  // CSS选择器，选择具有id属性为'resource-id'的元素
var element = document.querySelector(selector);  // 获取定位到的第一个元素对象

var elementList = document.getElementsByClassName("resource-class");  // 获取具有类名为'resource-class'的所有元素列表
// 遍历列表查找符合条件的元素
for (var i = 0; i < elementList.length; i++) {
    var element = elementList[i];
    if (element.textContent === "resource-text") {  // 根据文本内容进行匹配
        // 找到符合条件的元素
        break;
    }
}