자바스크립트에서 스타일을 어떻게 사용하나요?-프런트엔드 Q&A-php.cn

자바스크립트에서 스타일을 어떻게 사용하나요?

WBOY

풀어 주다： 2022-01-05 12:07:17

원래의

3551명이 탐색했습니다.

JavaScript에서 스타일은 설정된 요소의 스타일을 변경하는 데 사용됩니다. 스타일 개체는 별도의 스타일 선언을 나타냅니다. 설정된 스타일 개체는 스타일이 적용된 문서나 요소에서 액세스할 수 있습니다. .style.style attribute="style 속성 값 ";".

자바스크립트에서 스타일을 어떻게 사용하나요?

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

자바스크립트에서 스타일의 사용법은 무엇인가요?

스타일 개체는 별도의 스타일 문을 나타냅니다. 스타일 개체는 스타일이 적용되는 문서나 요소에서 액세스할 수 있습니다.

Style 개체 속성을 사용하는 구문:

document.getElementById("id").style.property="值"

로그인 후 복사

예제는 다음과 같습니다.

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <p id="xuebi">这一段看不见</p>
<p>这是能看见的段落</p>
<script type="text/javascript">
document.getElementById("xuebi").style.display="none";
</script>
</body>
</html>

로그인 후 복사

출력 결과:

자바스크립트에서 스타일을 어떻게 사용하나요?