find link in string html with regex

Question

i need to find all links in html string only in href on both cases of double qute("") or single qute('')

example:

<a href='text'>

or

<div href="text">;

i came up with

function findHrefValues(str) {
  let hrefs = [];
  let pattern = /href='([^']+)'/g;
  let match = pattern.exec(str);
  if(match && Array.isArray(match)) {
    match.forEach((href)=> {
      if(href) hrefs.push(href);
    });
  }
  return hrefs;
}

but its not working well it doesn't recognize double qute.

please share the html

brk
– brk

2018-07-16 06:37:53 +00:00
Commented Jul 16, 2018 at 6:37 — brk
– brk, Commented Jul 16, 2018 at 6:37
Use an HTML Parser

Jon P
– Jon P

2018-07-16 06:55:45 +00:00
Commented Jul 16, 2018 at 6:55 — Jon P
– Jon P, Commented Jul 16, 2018 at 6:55

CertainPerformance · Accepted Answer · 2018-07-16 07:09:28Z

3

Capture the first ' or " right after href, then use a character set that includes anything but that same quote character via a backreference, then use the backreference again to match the end of the href:

const str = `<a href='tex""t1'>
<div href="tex''t2">`;

function findHrefValues(str) {
  const re = /href=(['"])([^\1]+?)\1/g;
  const matches = [];
  let match;
  while ((match = re.exec(str)) !== null) {
    matches.push(match[2]);
  }
  return matches;
}

console.log(findHrefValues(str));

But, if at all possible, don't use a regular expression for this - parse the HTML string instead, possibly with DOMParser:

const str = `<a href='text1'>
<div href="text2">`;
const doc = new DOMParser().parseFromString(str, 'text/html');
const hrefs = Array.from(
  doc.querySelectorAll('[href]'),
  element => element.getAttribute('href')
);
console.log(hrefs);

edited Jul 16, 2018 at 7:09

answered Jul 16, 2018 at 6:42

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user8987378 Over a year ago

but i use on nodejs

CertainPerformance Over a year ago

Node has similar XML parsers, you don't have to use DOMParser: google.com/search?q=node+domparser

ravi polara · Accepted Answer · 2018-07-16 07:05:54Z

1

you can try this code with

let pattern=/href=('|")([^']+)('|")/g;

edited Jul 16, 2018 at 7:05

ravi polara

5823 silver badges14 bronze badges

answered Jul 16, 2018 at 6:48

D Satish Kumar Achary

665 bronze badges

Collectives™ on Stack Overflow

find link in string html with regex

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related