마지막 setAttribute 만 실행됩니다.

-2

폼에 mutliple 속성을 설정하려고합니다. 나는 양식을 중심에두고 배경은 오렌지색으로하고 싶습니다. 그러나 마지막 속성 만 실행됩니다. 따라서 아래 코드에서 배경색은 주황색이지만 양식은 가운데에 배치되지 않습니다. 이런 일이 발생하는 이유마지막 setAttribute 만 실행됩니다.

이 가

<!DOCTYPE html> 
<html> 
<body> 

    <form id="form"> 
     First Name:<br> 
     <input type="text" name="firstname"> 
     <br> 
     Last name:<br> 
     <input type="text" name="lastname"> 
     </form> 
    <script> alert("ahhhhhh"); 
    var form = document.getElementById("form"); 
    form.setAttribute("style", "background-color: orange"); 
    form.style.align = "center"; 
    form.style.backgroundColor = "orange"; 


    </script> 
</body> 
</html>

가

누군가가 말해 줄 수 방법은 하나 개의 요소에 mutliple 속성 세트 : 여기

내 코드? 감사!

출처

2016-06-17 zach

이유가 없으면'.setAttribute ("style"')를 사용하지 마십시오. – Oriol

더 좋은 방법은 각 CSS 속성을 직접 설정하는 대신 클래스를 설정하는 것입니다. –

align은 유효한 CSS 속성이 아닙니다. 이 경우 textAlign 또는 margin을 0 auto으로 설정해야합니다.

출처

2016-06-17 23:06:34

CSS align 속성이 없습니다. 그것이 코드가 실행되지 않는다고 생각하는 이유입니다. 아마도 textAlign 속성을 설정하려고합니다.

form.style.textAlign = "center";

JavaScript를 사용하는 스타일 요소는 코드 유지 관리가 쉽지 않으므로 나쁜 습관입니다. 스타일을 JavaScript를 통해 조건부로 적용해야하는 경우 CSS 클래스를 추가하고 제거 할 수 있습니다.

출처

2016-06-17 23:07:41 undefined

마지막 setAttribute 만 실행됩니다.

답변

관련 문제