JavaScript에서 unicodeBidi 속성을 사용하면 동일한 문서 안에서 여러 언어를 지원하기 위해 텍스트를 재정의할지 여부를 설정할 수 있습니다. 이 속성은 normal, embed, bidi-override 세 가지 값으로 설정할 수 있으며, 특히 bidi-override를 사용하면 rtl(오른쪽에서 왼쪽) 또는 ltr(왼쪽에서 오른쪽)처럼 텍스트의 표시 방향까지 직접 지정할 수 있습니다.
아랍어나 히브리어처럼 오른쪽에서 왼쪽으로 읽는 언어와 영어처럼 왼쪽에서 오른쪽으로 읽는 언어가 한 문서에 함께 들어가는 경우, 이 속성을 활용하면 각 텍스트의 방향을 정확하게 제어할 수 있습니다.
예제
다음 코드를 실행해 보면 JavaScript에서 unicodeBidi 속성이 어떻게 작동하는지 직접 확인할 수 있습니다. 버튼을 클릭하면 텍스트가 재정의되어 방향이 변경됩니다.
<!DOCTYPE html>
<html>
<body>
<p id = "pid" style="direction:rtl">Demo Text</p>
<button type="button" onclick="display()">Set</button>
<script>
function display() {
document.getElementById("pid").style.unicodeBidi = "bidi-override";
}
</script>
</body>
</html>