日安，

需要你們的幫助。有沒有辦法讓按鈕onclick在樣式表中調整段落的寬度？基本上現在看起來是這樣的:

p { width: 400px; }

我的目標是，按鈕將改變它的寬度為100%，所以段落將采取窗口的大小。

我建議創建一個段落寬度為100%的css類。

然后使用javascript (jquery或plain)將css類添加到按鈕單擊時的元素中。

看這個例子

fullWidthParagraph = function() {
  $('p').toggleClass('full-width');
 }

$('p ')選擇頁面中的所有段落元素，toggleClass函數添加/移除元素上的全角類。如果不想讓按鈕在400像素和全寬之間來回切換，可以使用addClass。

(我設置了背景色:紅色，只有你能看到變化)

function changeP(){
 document.getElementById('p').style.width="100%";
}

p { width: 400px;
    background-color:red; }

<p id="p">Hello world</p>
<button onclick="changeP()">Try me</button>

這將調整p元素的寬度onClick:

<button type="button" onClick = "document.getElementById('text').style.width = '100%';">BUTTON TEXT</button>
    <p id="text" style="width: 400px;"></p>