Question

我想创建一个函数，可以更改div按钮中存在的段落的字体大小和文本对齐属性。

function acknowledge()
{
  document.getElementById('centretext').innerHTML = "";
  document.getElementById('button1').style.display = "none";
  document.getElementById('centretext').style.font-size = "99%";
  document.getElementById('centretext').style.text-align = "left";
}

其原始属性是：

#centretext
{
  font-size: 200%;
  font-family: Merriweather;
  text-align: center;
  font-weight:bolder;
}

然而，当点击按钮时，没有任何反应。如果我删除函数的最后两行（即更改属性的那一行），那么前两行执行正常。我究竟做错了什么？编辑：div：

<div id = "centre">
      <p id="centretext">
        You are a cell.
        <br>
        It's the survival of the fittest.
        <br>
        <br>
        To survive, you must divide, grow and evolve.
      </p>

      <p id="centretext2">
      </p>

      <button class ="buttonformat" id="button1" type="button" onclick="acknowledge()"> OK </button>
      </div>

Answer 1

    document.getElementById('centretext').style.fontSize = "99%";
    document.getElementById('centretext').style.textAlign = "left";

Answer 2

document.getElementById（＆＃39; centretext＆＃39;）。style.font-size =＆＃34; 99％＆＃34 ;; document.getElementById（＆＃39; centretext＆＃39;）。style.text-align =＆＃34; left＆＃34;;

document.getElementById（＆＃39; centretext＆＃39;）。style.fontSize =＆＃34; 99％＆＃34 ;; document.getElementById（＆＃39; centretext＆＃39;）。style.textAlign =＆＃34; left＆＃34 ;;

无法更改div标记中段落的css属性

2 个答案: