JavaScript 읽기 HTML lang 속성
Anika Tabassum Era
2024년2월15일
-
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)
출력:
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)
출력:
어떤 값도 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>
출력:
언어 코드와 함께 대문자 코드가 있음을 알 수 있습니다. 이 2자리 코드는 국가 코드를 나타내며 언어 범주를 지정하는 데 자주 사용됩니다.
