JavaScript를 사용하여 배경 이미지 URL을 어떻게 얻을 수 있나요?

1. 요소의 스타일링 검색:

   • 사용 document.getElementById()를 사용하여 ID로 요소를 선택합니다(예: var img = document.getElementById('myDiv');.

2. 계산된 스타일에 액세스:

   • 활용 window.getCompulatedStyle() 또는 이전 브라우저의 경우 img.currentStyle을 사용하여 요소의 실제 계단식 스타일에 액세스합니다.

3. URL 추출:

   • 계산된 스타일에서 배경 이미지를 분리합니다.

4. 슬라이스 및 자르기:

   • 앞의 URL(" 및 후행 ") 문자를 제거합니다. 의 일부가 아닙니다 URL.

5. 이스케이프 해제 따옴표:

   • 필요한 경우 이스케이프된 큰따옴표(")를 실제 큰따옴표로 바꾸세요. (").

다음은 이 프로세스를 구현하는 JavaScript 코드의 예입니다.

var img = document.getElementById('your_div_id');
var style = img.currentStyle || window.getComputedStyle(img, false);
var bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

console.log('Background image URL:', bi);

이 코드는 ID가 있는 요소의 배경 이미지 URL을 검색합니다. your_div_id를 콘솔에 기록합니다.

위 내용은 JavaScript를 사용하여 배경 이미지 URL을 어떻게 얻을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!