Как заставить регулярное выражение JavaScript искать отсутствие атрибута html
Я использую JavaScript, чтобы попытаться создать регулярное выражение, которое найдет (в html-файле) все элементы div, у которых нет атрибута onclick.
Пример:
Этот div следует игнорировать.
<div class = "foo"
id = "bar"
onclick = "someFunction()>some text</div>
Этот div должен совпадать (поскольку он не содержит атрибута onclick).
<div class = "foo"
id = "bar">some text</div>
Я пробовал это, но это не работает..
var pattern = /div[\s\w\n\=\(\)"]*(?!onclick)div[\s\w\n\=\(\)"]*">/
Я предполагаю, что первая часть моего регулярного выражения (до отрицательного просмотра вперед) фактически соответствует отрицательному просмотру вперед.
Кто-нибудь может помочь? Спасибо заранее за любые предложения.
Не могли бы вы просто использовать querySelector с подходящим селектором? Вы всегда должны отдавать предпочтение прямому доступу к узлу, а не поиску на основе строк.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Почему бы не использовать querySelectorAll вместо этого? div:not([onclick]) выберет <div>, у которых нет атрибута onclick.
document.querySelectorAll('div:not([onclick])')
.forEach((div) => {
console.info(div);
});<div class = "foo" id = "bar" onclick = "someFunction()">some text</div>
<div class = "foo">some text 2</div>Если у вас есть только строка и вы не можете использовать querySelectorAll для нее напрямую, вы можете безопасно преобразовать ее в документ с помощью DOMParser:
const htmlText = `<div class = "foo" id = "bar" onclick = "someFunction()">some text</div>
<div class = "foo">some text 2</div>`;
const doc = new DOMParser().parseFromString(htmlText, 'text/html');
doc.querySelectorAll('div:not([onclick])')
.forEach((div) => {
console.info(div);
});
Возможный дубликат RegEx соответствует открытым тегам, кроме автономных тегов XHTML.. Вы не можете сопоставить HTML с регулярным выражением.