作成されたノードにtext-align:center
プロパティを割り当てるにはどうすればよいですか。これを(コンポーネントを使用せずに)直接追加しました。TextNode
DOM
TextNode
body
<div>
var Text = document.createTextNode("Welcome");
Text.style.text-align = 'center';
作成されたノードにtext-align:center
プロパティを割り当てるにはどうすればよいですか。これを(コンポーネントを使用せずに)直接追加しました。TextNode
DOM
TextNode
body
<div>
var Text = document.createTextNode("Welcome");
Text.style.text-align = 'center';
できません。CSS は要素にのみ適用され、テキスト ノードには適用されません。
テキスト ノードを要素でラップするか、要素を直接使用する必要があります。
var text = document.createElement("p");
text.textContent = "Welcome";
text.style.textAlign = "center";
...ただし、これには見出し要素を使用することもできます。
JavaScript では、CSS スタイルはキャメルケースに変換されます。このような...
Text.style.textAlign = 'center';
そう、
text-align
なるtextAlign
、background-color
なるbackgroundColor
、など...
テキストノードがラップされている要素に Same textAlign プロパティを与えるだけです。スタイルを Text-Node に適用することはできません。Text-Node にラップされた要素にスタイリングを適用できるため、そのラッパー内のすべてに CSS スタイルが適用されます。
CSS をテキスト ノードに適用することはできません。
エレメント。2 つの jQuery 関数で実行できます。
使用する.css()
var Text = $("<p>welcome</p>").css("textAlign","center");
使用する.addClass()
最初に、cls クラスに適用される CSS にスタイルを記述します。
.cls {text-align: center}
次に、このクラスをスクリプトで新しく作成した要素に次のように追加します。
var Text = $("<p>Welcome</p>").addClass("cls");