把第一个按钮

Question

我有以下段落：

<p id="paragraph"> 
    <u> 
    My First Paragraph 
    </u> 
</p> 

然后，我有onclick功能的按钮。我希望它将该段移到中心位置。我怎样才能做到这一点？

Answer 1

function centerThis() { 
 
    document.getElementById("paragraph").style.textAlign = "center"; 
 
}

#paragraph { 
 
    text-align:left; 
 
    width:auto; 
 
}

<p id="paragraph"> 
 
    <u> 
 
    My First Paragraph 
 
    </u> 
 
</p> 
 

 
<button onclick="centerThis()">Click me</button>

正如你可以看到，当点击该按钮时，该方法centerThis（）被调用，并且该段的中心。有关更多信息，请参见http://www.w3schools.com/jsref/prop_style_textalign.asp。我会建议阅读关于DOM操作。