JavaScript 읽기 HTML lang 속성

Anika Tabassum Era 2024년2월15일 JavaScript JavaScript Lang

JavaScript에서 lang 속성을 documentElement로 가져오기
JavaScript에서 getElementByTagName을 사용하여 lang 속성 가져오기
jQuery attr 메서드를 사용하여 lang 속성 가져오기

이 기사에서는 lang 속성 값을 반환하는 3가지 예를 살펴보겠습니다. 이 경우 관찰은 이 값에 대해 참조할 수 있는 규칙입니다.

JavaScript에서 `lang` 속성을 `documentElement`로 가져오기

기본 HTML 설정이 있고 lang 속성이 값으로 설정됩니다. JavaScript 섹션에서 document.documentElement로 속성의 인스턴스를 가져옵니다.

코드 - HTML:

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>language</title>
</head>
<body>
</body>
</html>

코드 - 자바스크립트:

var lang = document.documentElement.lang;
console.log(lang)

출력:

lang 속성을 documentElement로 가져오기

JavaScript에서 `getElementByTagName`을 사용하여 `lang` 속성 가져오기

드라이브는 이전 드라이브와 유사합니다. 차이점은 lang 속성의 인스턴스를 가져오는 방법에 있습니다.

인덱스 부분이 첫 번째 요소를 정의하므로 document.getElementByTagName("html")[0]을 사용합니다. document.getElementByTagName은 기본적으로 개체 배열을 반환합니다.

코드 - HTML:

<!DOCTYPE html>
<html lang>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>language</title>
</head>
<body>
</body>
</html>

코드 - 자바스크립트:

var lang = document.getElementsByTagName('html')[0].getAttribute('lang');
console.log(lang)

출력:

getElementByTagName으로 lang 속성 가져오기

어떤 값도 lang 속성을 따르지 않으므로 빈 값이 인쇄되었습니다.

jQuery `attr` 메서드를 사용하여 `lang` 속성 가져오기

메서드 attr에서 도움을 받기 위해 jQuery 라이브러리를 추가할 것입니다. 이 함수를 통해 HTML에서 lang 속성을 호출할 수 있습니다.

코드 조각:

<!DOCTYPE html>
<html lang="en-GB">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  <title>language</title>
</head>
<body>
<script>
    var lang = $('html').attr('lang');
    console.log(lang);
</script>
</body>
</html>