用JavaScript实现:做一个数组里面放的是css选择器的内容尝试用其中的值作为css选择器获取对应元素里的html如果一个css选择器值获取不到内容就尝试第二个数组当中的值全部获取失败就alert报错。
你可以使用JavaScript中的querySelector方法来实现这个功能。首先,你需要声明一个包含CSS选择器的数组。然后,你可以使用一个循环来遍历数组中的每个选择器,并尝试使用querySelector方法来获取元素的内容。如果获取成功,则打印内容;如果获取失败,则继续尝试下一个选择器。如果所有选择器都失败了,则弹出一个报错的提示框。
以下是一个示例代码:
var selectors = ['.class1', '#id1', 'element1'];
function getElementContent(selectors) {
var content = null;
for (var i = 0; i < selectors.length; i++) {
var selector = selectors[i];
var element = document.querySelector(selector);
if (element) {
content = element.innerHTML;
break;
}
}
if (content) {
console.log('获取到的内容:', content);
} else {
alert('无法获取元素内容');
}
}
getElementContent(selectors);
在上面的代码中,我们定义了一个包含三个选择器的数组。然后,我们使用getElementContent函数来尝试获取元素内容。如果其中一个选择器成功获取到内容,则打印内容到控制台;如果所有选择器都失败了,则弹出一个报错的提示框
原文地址: https://www.cveoy.top/t/topic/iROr 著作权归作者所有。请勿转载和采集!