투케이2K

77. (javascript/자바스크립트) background Image 배경 이미지 경로 확인 및 이미지 변경 코드 본문

JavaScript

77. (javascript/자바스크립트) background Image 배경 이미지 경로 확인 및 이미지 변경 코드

투케이2K 2021. 6. 28. 15:21

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : javascript

/* =========================== */

​

/* =========================== */

[소스 코드]

 

//backgroundImage 경로 확인 실시
var imageRoot = document.getElementById(id).style.backgroundImage;





//backgroundImage 이미지 교체 실시
var imageUrl = "../assets/image/white_check_off.png";
document.getElementById(id).style.backgroundImage = "url('" + imageUrl + "')";





//동적 스타일 지정시 backgroundImage 설정
var createCheckLayoutStyle = "width:14%; height:80%; margin:0 auto; padding:0; border:none;";

var checkIcon = "../assets/image/white_check_off.png";
createCheckLayoutStyle = createCheckLayoutStyle + "background-image:url(" + "'" + checkIcon + "'" + ");";
createCheckLayoutStyle = createCheckLayoutStyle + "background-repeat:no-repeat; background-position:center center; background-size : 100% 100%;";

/* =========================== */

반응형
저작자표시

'JavaScript' 카테고리의 다른 글

79. (javascript/자바스크립트) canvas 캔버스에 배경 이미지 로드 수행 실시  (0) 2021.06.29
78. (javascript/자바스크립트) Array 배열 특정 데이터 삭제 및 특정 key 값 삭제 실시 - indexOf , findIndex , splice  (0) 2021.06.28
76. (javascript/자바스크립트) object innerHTML 사용해 다른 html 파일 내부에 로드 실시  (0) 2021.06.27
75. (javascript/자바스크립트) 캘린더 (calendar) 방식 Date 사용해 연도 (year), 월 (month) 확인 및 시작 요일, 종료 요일 확인  (0) 2021.06.24
74. (javascript/자바스크립트) 클릭 (click), 롱 클릭 (long click) 이벤트 등록 실시 - mousedown , touchstart , Date now  (0) 2021.06.23
'JavaScript' Related Articles more
Comments