HTML DOM direction 属性
JavaScript基础 2022-06-08 14:49:02小码哥的IT人生shichen
HTML DOM direction 属性
定义和用法
direction 属性设置元素的文本方向。
语法：
Object.style.direction=ltr|rtl|inherit
Possible Values
| 值 | 描述 |
|---|---|
| ltr | 默认。内容从左向右流动。 |
| rtl | 内容从右向左流动。 |
| inherit | 内容流动从父元素继承。 |
实例
本例把文本设置为从右向左流动：
<html>
<head>
<script type="text/javascript">
function changeTextDirection()
{
document.getElementById("p1").style.direction="rtl";
}
</script>
</head>
<body>
<p id="p1">This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<input type="button" onclick="changeTextDirection()"
value="Set text to flow right to left" />
</body>
</html>TIY
完整实例【direction - 把文本设置为从右向左流动】：
<html>
<head>
<script type="text/javascript">
function changeTextDirection()
{
document.getElementById("p1").style.direction="rtl";
}
</script>
</head>
<body>
<p id="p1">This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<input type="button" onclick="changeTextDirection()" value="Set text to flow from right to left" />
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
