☰

Javascriptを使用してインラインスタイルを追加する 質問する

tag-icon • tag-icon javascript css innerhtml
Javascriptを使用してインラインスタイルを追加する 質問する

動的に作成されたdiv要素にこのコードを追加しようとしています

style = "width:330px;float:left;"

ダイナミックを作成するコードdivは

var nFilter = document.createElement('div');
nFilter.className = 'well';
nFilter.innerHTML = '<label>' + sSearchStr + '</label>';

私の考えでは、後からスタイルを追加するのです< div class="well"が、どうすればよいかわかりません。

ベストアンサー1

nFilter.style.width = '330px';
nFilter.style.float = 'left';

これにより、要素にインライン スタイルが追加されます。

ほとんどのCSS名はJavaScriptプロパティに1:1でマッピングされます。名前にダッシュが含まれるCSSプロパティはキャメルケースに変換されます。詳細については、次の青い情報ボックスを参照してください。https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style

おすすめ記事