js에서 cssText로 CSS 스타일 설정하는 간단한 방법

웹 페이지에 id가 "no"인 태그가 하나 있다고 가정해 보겠습니다. 그래서 div 태그로 사용하겠습니다;

js에서 이 div의 css 스타일을 설정하려면 일반적인 방법은 다음과 같습니다:

var obj = document.getElementByIdx_x_x('no');
obj.style.width = '"400px';
obj.style.height = '"300px';

또한 많은 css 스타일을 설정하려면 매우 번거롭습니다.

일반적으로 className를 추가하거나 변경하여 원하는 효과를 얻기 위해 css와 결합됩니다. 하지만 create 요소를 생성하면 여전히 이렇게 간단하게 할 수 있을까요? 그렇다면 다른 방법을 생각해야 합니다.

그래서 많은 사람들이 함수를 작성했습니다. 유명한 두 가지는 다음과 같습니다:

var obj = document.getElementByIdx_x_x('no');
function setStyle(obj, css) {
for(var attr in obj){
obj.style[attr] = css[attr];
}
}
setStyle(obj,{너비:"400px",높이:"300px"});

물론 더 간단한 방법도 있습니다. cssText:

var obj = document.getElementByIdx_x_x('no');
obj.style.cssText = "너비:400px; 높이:300px;";

물론 이 방법은 create의 요소에 초기 css 스타일을 설정하는 데 매우 간단하고 편리합니다.

이제 저는 여러분께 소개한 js에서 cssText로 css 스타일을 설정하는 간단한 방법의 모든 내용을 다룹니다. 이를 통해 여러분께 도움이 되길 바랍니다. 많이 응원해 주세요, 지징 튜토리얼을~