jQuery (2) 썸네일형 리스트형 javascript로 css의 가상요소 ::after ::before 바꾸기 HTML CODE JAVASCRIPT CODE// ::after를 입력할 style element를 만듭니다. let rootAfterStyle = document.createElement("style"); // 원하는 ::after style을 작용합니다. rootAfterStyle.innerHTML = `#root::after { content: ''; z-index: 3; height: 6px; }`; // tag에 넣습니다. document.head.appendChild(rootAfterStyle); // 이 후에 ::after style 수정이 가능합니다. rootAfterStyle.innerHTML = rootAfterStyle.innerHTML.replace( /height: [0-9]+px.. js로 notch 찾기 css code :root { --sat: env(safe-area-inset-top); --sar: env(safe-area-inset-right); --sab: env(safe-area-inset-bottom); --sal: env(safe-area-inset-left); } javascript code getComputedStyle(document.documentElement).getPropertyValue("--sat") 위 code는 "px" string를 함께 반환합니다. parseInt(getComputedStyle(document.documentElement).getPropertyValue("--sat")) parseInt() 내부에 넣어주어야 number로 반환해줍니다. 이전 1 다음
