[Javascript] 문자열 의 그림 주 소 를 정규 표현 식 으로 바 꿉 니 다 (img src)

1577 단어
오늘 개발 에서 문제 가 발생 했 습 니 다. HTML 문자열 에 포 함 된 모든 img 태그 의 src 값 을 어떻게 바 꿉 니까?
생각 나 기 시작 한 해결 방법 은:
content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match) {
    console.log(match);
});

출력 결 과 는:
<img src="http://static.cnblogs.com/images/logo_small.gif" alt="" width="142" height="55" />

전체 img 탭 을 얻 었 지만 src 의 웹 주 소 를 원 합 니 다. 이렇게 하면 function (match) 에서 새 주 소 를 되 돌려 주면 됩 니 다.
그래서 여기 걸 렸 어 요...
이후 Google 검색 키워드 인 'javascript replace callback' 을 통 해 stackoverflow 에서 'replace callback function with matches' 를 찾 아 function (match) 에 다른 인자 가 있 음 을 알 게 되 었 습 니 다 (자세 한 내용 은 developer. mozilla. org 참조).
그리고 다음 코드 로 바 꾸 면 문제 가 해결 된다.
content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {
    console.log(capture);
});

출력 결과:
http://static.cnblogs.com/images/logo_small.gif

해결!

좋은 웹페이지 즐겨찾기