>  기사  >  웹 프론트엔드  >  JavaScript에서 스타일이란 무엇을 의미합니까?

JavaScript에서 스타일이란 무엇을 의미합니까?

WBOY
WBOY원래의
2021-12-22 17:08:155231검색

JavaScript의 스타일은 "스타일" 및 "스타일 설정"을 의미합니다. 스타일 속성은 JavaScript에서 요소의 스타일을 변경하거나 설정할 수 있습니다. 구문은 "element object.style attribute="style입니다. 속성 값 ";".

JavaScript에서 스타일이란 무엇을 의미합니까?

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

JavaScript에서 스타일이란 무엇을 의미하나요?

JavaScript에서 스타일의 의미는 스타일, 스타일 설정입니다.

Style 개체는 단일 스타일 선언을 나타냅니다. 스타일 개체는 스타일이 적용되는 문서나 요소에서 액세스할 수 있습니다.

구문은 다음과 같습니다.

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

많은 경우 웹페이지 요소의 스타일을 동적으로 수정해야 합니다. JavaScript에서 스타일을 동적으로 수정하기 위한 메서드를 제공합니다.

예제는 다음과 같습니다.

<!DOCTYPE html>
<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>无序列表:</p>
<ul>
  <li id="xuebi">雪碧</li>
  <li>可乐</li>
  <li>凉茶</li>
</ul>
<script type="text/javascript">
document.getElementById("xuebi").style.display="none";
</script>
</body>
</html>

출력 결과:

JavaScript에서 스타일이란 무엇을 의미합니까?

[관련 권장 사항: javascript 학습 튜토리얼]

위 내용은 JavaScript에서 스타일이란 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.