JAVASCRIPT
Extract Specific HTML Attribute Values
Learn to precisely extract all values of a specific HTML attribute, like 'href' from '<a>' tags, from an HTML string using regular expressions.
const extractAttribute = (htmlString, tagName, attributeName) => {
const regex = new RegExp(`<${tagName}[^>]*?${attributeName}=["'](.*?)["']`, 'g');
const matches = [];
let match;
while ((match = regex.exec(htmlString)) !== null) {
matches.push(match[1]);
}
return matches;
};
How it works: This function extracts values of a specified HTML attribute from elements within an HTML string. It dynamically creates a regex to target a specific tag (e.g., 'a') and attribute (e.g., 'href'). The non-greedy `(.*?)` captures the attribute's value, allowing extraction of all matches from the input string.