문자열의 이미지 주소(img src)를 대체하는 JavaScript 정규식 방법

이 글의 예에서는 문자열의 이미지 주소(img src)를 JavaScript 정규식으로 바꾸는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

오늘 개발 중에 문제가 발생했습니다. HTML 문자열에 포함된 모든 img 태그의 src 값을 바꾸는 방법은 무엇입니까?

처음에 생각한 해결책은

content.replace(/<img [^>]*src=[&#39;"]([^&#39;"]+)[^>]*>/gi, function (match) {
  console.log(match);
});

출력 결과는

<img src="http://www.php.cn/images/logo.gif" alt="" width="142" height="55" />

얻은 것은 전체 img 태그인데, 나는 src에서 URL을 얻을 것으로 예상했기 때문에 function(match)에서 새 주소를 반환하면 됩니다.

그래서 저는 여기에 갇혔습니다. . .

나중에 구글에서 "javascript replacement callback"이라는 키워드를 검색해서 stackoverflow에서 "replace callback function with match"를 발견했는데 함수(match)에 다른 매개변수가 있다는 것을 알게 되었습니다(developer.mozilla.dll 참조). 자세한 내용은 org)).

그런 다음 다음 코드로 변경하면 문제가 해결됩니다.

content.replace(/<img [^>]*src=[&#39;"]([^&#39;"]+)[^>]*>/gi, function (match, capture) {
  console.log(capture);
});

결과 출력

http://www.php.cn/images/logo.gif

완료!

이 글이 JavaScript 프로그래밍에 종사하는 모든 분들께 도움이 되기를 바랍니다.

문자열의 이미지 주소(img src)를 JavaScript 정규식으로 바꾸는 방법에 대한 자세한 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!