JavaScript를 사용하여 요소의 배경 이미지 URL 결정
웹 페이지에서 요소를 조작할 때 해당 요소에 대한 정보를 검색해야 하는 경우가 종종 있습니다. 배경 이미지를 포함한 스타일링. JavaScript는 배경 이미지의 URL을 포함하여 이 데이터를 추출하는 기능을 제공합니다.
와 같은 특정 요소의 배경 이미지 URL을 얻으려면:
-
요소의 스타일링 검색:
- 사용 document.getElementById()를 사용하여 ID로 요소를 선택합니다(예: var img = document.getElementById('myDiv');.
-
계산된 스타일에 액세스:
- 활용 window.getCompulatedStyle() 또는 이전 브라우저의 경우 img.currentStyle을 사용하여 요소의 실제 계단식 스타일에 액세스합니다.
-
URL 추출:
-
슬라이스 및 자르기:
- 앞의 URL(" 및 후행 ") 문자를 제거합니다. 의 일부가 아닙니다 URL.
-
이스케이프 해제 따옴표:
- 필요한 경우 이스케이프된 큰따옴표(")를 실제 큰따옴표로 바꾸세요. (").
다음은 이 프로세스를 구현하는 JavaScript 코드의 예입니다.
1 2 3 4 5 | 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!