divタグ内の段落のCSSプロパティを変更できない

ボタンを押したときに実行されるdivタグ内にある段落のfont-sizeとtext-alignプロパティを変更する機能を作りたかったのです。divタグ内の段落のCSSプロパティを変更できない

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; 
}

しかし、何も起こりません。関数の最後の2行（つまりプロパティを変更する行）を削除すると、最初の2行は正常に実行されます。私は間違って何をしていますか？編集：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>

出典

2016-10-10 Aryan poonacha

問題を再現できる、現実的な[fiddle]（https://jsfiddle.net/）を提供してください。 –

@JakubJankowski申し訳ありませんが、以前はフィドルを使用していませんでした。？ –

コードの*すべて*を含める必要はありません。エラーを表示するために必要なだけコードを貼り付けてください。 –

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

出典

2016-10-10 08:01:38

ああ、それはハイフンでした。 cssプロパティに1つの理由があり、javascriptでそれを変更していない、または純粋に任意ですか？ –

それは明らかに任意ではありません。 CSSプロパティはJSスタイルのオブジェクトのプロパティではありません。さらに、JSプロパティはダッシュを受け入れません。 –

のdocument.getElementById（ 'centretext'）style.fontサイズ= "99％"。 document.getElementById（ 'centretext'）。style.text-align = "left";

document.getElementById（ 'centretext'）。style.fontSize = "99％"; document.getElementById（ 'centretext'）。style.textAlign = "left";

出典

2016-10-10 08:03:43

divタグ内の段落のCSSプロパティを変更できない

答えて

関連する問題