Возникли проблемы с добавлением подсветки CSS для определенных строк с помощью JavaScript [дубликат] ⇐ CSS

[Anonymous]

Все еще новичок в программировании на JavaScript и не совсем понимаю, где я путаюсь. Я хочу, чтобы сценарий искал адреса электронной почты на странице, а затем выделял их в зависимости от того, безопасны ли они, опасны или неизвестны.

Код: Выделить всё

async function getSafeEmails() {
const response = await fetch(chrome.runtime.getURL('safe_emails.json'));
const data = await response.json();
return data;
}

async function getDangerousEmails() {
const response = await fetch(chrome.runtime.getURL('dangerous_emails.json'));
const data = await response.json();
return data;
}

async function highlightEmails() {
const safeEmails = await getSafeEmails();
const dangerousEmails = await getDangerousEmails();

var emailRegex = /\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/g;
var emails = document.body.innerText.match(emailRegex);

if (emails) {
emails.forEach(function(email) {
var emailElement = document.createElement('span');
emailElement.textContent = email;
emailElement.style.backgroundColor = safeEmails.includes(email) ? 'green' : dangerousEmails.includes(email) ? 'red' : 'yellow';
emailElement.style.padding = '2px';
emailElement.style.borderRadius = '4px';
emailElement.style.marginRight = '5px';
document.body.innerHTML = document.body.innerHTML.replace(email, emailElement.outerHTML);
});
}
}

highlightEmails();

Как уже говорилось ранее, я пробую этот код и ожидаю, что эти адреса электронной почты будут выделены

Подробнее здесь: https://stackoverflow.com/questions/784 ... javascript