HTML DOM dir 속성은 요소의 텍스트 방향을 기본 왼쪽에서 오른쪽에서 왼쪽으로 또는 자동으로 변경하는 데 사용됩니다. dir 속성은 요소의 dir 속성 값을 설정하고 반환하는 데 사용됩니다. 반환된 dir 속성 값은 문자열 유형입니다.
구문
다음은 −
의 구문입니다.dir 속성 설정하기 -
HTMLElementObject.dir = "ltr|rtl|auto"
여기에서 ltr=왼쪽에서 오른쪽으로 텍스트 방향이며 기본 텍스트 방향입니다., rtl=오른쪽에서 왼쪽으로 텍스트 방향, auto=텍스트 방향은 여기의 내용을 기반으로 하며 일반적으로 웹 브라우저에서 계산됩니다.
예시
HTML DOM dir 속성에 대한 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h2>HTML DOM dir property</h2>
<p id="Sample">This is a sample text</p>
<button onclick="changeDir()">Change Dir</button>
<script>
function changeDir() {
document.getElementById("Sample").dir = "rtl";
}
</script>
<p>Clicking on the above button will change the text direction</p>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
"디렉터리 변경" 버튼을 클릭하면 -
사용자가 클릭할 때 changeDir() 함수를 실행하는 "Change Dir" 버튼을 먼저 만들었습니다. −
<button onclick="changeDir()">Change Dir</button>
changeDir() 함수는 getElementById() 메서드를 사용하여 단락 요소를 가져오고 해당 dir 속성 값을 오른쪽에서 왼쪽으로 설정합니다. 이것은 오른쪽에서 왼쪽으로 텍스트를 표시합니다 -
function changeDir() {
document.getElementById("Sample").dir = "rtl";
}