在JS中如何给text-align赋值

Question

用 id.style.text-align="right";这样子的语句无法再JS的函数中给这个属性赋值 高手知道是语句不对 还是咋回事？

Answer 1

HTML DOM 允许 JavaScript 改变 HTML 元素的样式，设置text-align样式的代码为：

obj.style.textAlign = "left / right / center";

实例演示如下:

1、HTML结构

<div id = "test">示例文字</div>
<input type="button" value="左对齐" onclick="fun1()">
<input type="button" value="居中" onclick="fun2()">
<input type="button" value="右对齐" onclick="fun3()">

2、javascript代码

function fun1(){
document.getElementById("test").style.textAlign = "left";
}
function fun2(){
document.getElementById("test").style.textAlign = "center";
}
function fun3(){
document.getElementById("test").style.textAlign = "right";
}

3、效果演示

Answer 2

在使用DOM时，style没有text-align属性.应改为
d1.style.textAlign="right";

希望对你有所帮助。本回答被提问者和网友采纳