js에서 CSS 표시 속성 값을 변경하는 방법

JS 메서드를 사용하여 CSS 표시 속성 값을 변경합니다. 먼저 "document.getElementById("id value")" 문을 사용하여 지정된 요소 개체를 얻은 다음 "element object.style.display="value"" 문을 사용합니다. 표시 속성을 변경하려면 값만 변경하세요.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

HTML DOM을 사용하면 JavaScript가 HTML 요소의 스타일을 변경할 수 있습니다. 그러면 js는 CSS 표시 속성의 값을 어떻게 변경합니까?

구문:

Object.style.display="值";

예:

알려진:

<div class="login1" id="login">页面ID为login的元素</div>
<div class="login2" id="regist">页面ID为regist的元素</div>

코드:

<script>
document.getElementById("login").style.display = "none"; //（login为需要隐藏的页面ID）
document.getElementById("regist").style.display = "block" //（regist为需要显示的页面ID）
</script>

설명: Object 요소를 가져오는 방법 개체:

1. id

document.getElementById("id属性的值");

2를 기준으로 요소를 가져옵니다.

document.getElementsByTagName("标签的名字");

3. 이름 속성 값을 기준으로 요소를 가져옵니다. 클래스 속성을 기반으로 한 요소

document.getElementsByName("name属性的值");

5. CSS 경로를 기반으로 요소 가져오기(하나 가져오기)

document.getElementsByClassName("类样式的名字");

6. CSS 경로를 기반으로 요소 가져오기(그룹 가져오기)

document.querySelector("css路径");

[추천 학습:

javascript 고급 튜토리얼

]

위 내용은 js에서 CSS 표시 속성 값을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!