把第一個按鈕

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操作。