Javascriptを使用して1つの要素に複数のスタイルプロパティを追加するにはどうすればよいですか?

ウェストコーストチャーリー

このコードのさまざまな表現を試して、コーディング演習のために特定の要素を変更しようとしましたが、ボタンをクリックしたときに要素の複数のスタイルプロパティを変更できるものはないようです。いくつかの支援が大好きです。ありがとう!

document.getElementById("Combo Style").onclick = function() { document.getElementById ("More Text").style.fontSize.color = "50px , #BB65C5"; }

Naga Sai A

期待される結果を得るには、setAttributeHTMLを使用し
ます。

<button id="Combo Style">Change</button>
<div id="More Text">abcd</div>

JS:

document.getElementById("Combo Style").onclick = function() {
  document.getElementById("More Text").setAttribute("style", "font-size:50px;color:red;");

}

http://codepen.io/nagasai/pen/AXVWwO

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

配列の各要素にプロパティを追加するにはどうすればよいですか。次に、そのプロパティを使用して出力のスタイルに影響を与えるにはどうすればよいですか。

分類Dev

styled-componentsのプロパティに基づいて複数のスタイルを追加するにはどうすればよいですか?

分類Dev

1つのファイルで定義された複数のViewControllerでプロパティを使用するにはどうすればよいですか?

分類Dev

プロパティファイルを使用して、1つのロガーで同じタイプの複数のアペンダーを使用するにはどうすればよいですか?

分類Dev

パンダで複数の条件を使用して1つの行をスタイル設定するにはどうすればよいですか?

分類Dev

複数のCSS要素プロパティを一度に変更して無限にループするにはどうすればよいですか?

分類Dev

jQueryを使用して複数のファイルのプロパティを表示するにはどうすればよいですか?

分類Dev

BaseクラスのプロパティをSwiftでジェネリックにして、複数のモデルタイプで使用できるようにするにはどうすればよいですか?

分類Dev

PHP:simple_html_domパーサーを使用して、要素の既存のインラインスタイル属性にCSS text-alignプロパティを追加するにはどうすればよいですか?

分類Dev

CosmosDBグラフ:gremlinを使用して、プロパティを持つ頂点を複数の値で更新するにはどうすればよいですか?

分類Dev

可変数のプロパティを使用してTypeScriptインターフェイスを宣言するにはどうすればよいですか?

分類Dev

ODataモデルを使用して2つのデータプロパティを1つのコントロールプロパティに直接バインドするにはどうすればよいですか?

分類Dev

html要素のIE6-IE8のスタイルタグにいくつかのスタイルプロパティが設定されているかどうかを確認するにはどうすればよいですか?

分類Dev

Hibernateで1つのプロパティを複数のプロパティにマップするにはどうすればよいですか?

分類Dev

Selenium WebDriverのプロパティファイルで複数行のプロパティを使用するにはどうすればよいですか?

分類Dev

パスを使用して特定のコンテンツを検索し、1つの新しい要素を追加するにはどうすればよいですか?

分類Dev

HTMLスタイルのプロパティを使用してJSボタンを作成するにはどうすればよいですか

分類Dev

1つのテーブルセルに複数のVaadinプロパティを表示するにはどうすればよいですか?

分類Dev

XAMLを使用してデータを祖先要素のプロパティにバインドするにはどうすればよいですか?

分類Dev

Knockoutjsテンプレート:いくつかのプロパティで配列をフィルタリングした後、2つのDOM要素に1つのオブジェクト配列を使用するにはどうすればよいですか?

分類Dev

jqueryを使用して特定のプロパティを持つタグの数を取得するにはどうすればよいですか?

分類Dev

javascriptでDOMスタイルのmargintopプロパティを正しく使用するにはどうすればよいですか?

分類Dev

すべての要素に基本クラスから1つの特定のプロパティを継承させるにはどうすればよいですか?

分類Dev

d3 jsを使用してスタイルシートのプロパティを設定するにはどうすればよいですか?

分類Dev

1つのテーブルに対して複数のエンティティをマップするにはどうすればよいですか?

分類Dev

流暢なefコアで複数の1から多数の共有スーパータイプにマップする1つのリストプロパティを定義するにはどうすればよいですか?

分類Dev

複数のポイントプロットにseabornを使用してカスタム色相を追加するにはどうすればよいですか?

分類Dev

Amazon Lexで1つの発話に同じタイプの複数のスロットを追加するにはどうすればよいですか?

分類Dev

Codeigniterの異なるボタンを使用して、複数の画像とテキストファイルを1つのフォームにアップロードするにはどうすればよいですか?

Related 関連記事

  1. 1

    配列の各要素にプロパティを追加するにはどうすればよいですか。次に、そのプロパティを使用して出力のスタイルに影響を与えるにはどうすればよいですか。

  2. 2

    styled-componentsのプロパティに基づいて複数のスタイルを追加するにはどうすればよいですか?

  3. 3

    1つのファイルで定義された複数のViewControllerでプロパティを使用するにはどうすればよいですか?

  4. 4

    プロパティファイルを使用して、1つのロガーで同じタイプの複数のアペンダーを使用するにはどうすればよいですか?

  5. 5

    パンダで複数の条件を使用して1つの行をスタイル設定するにはどうすればよいですか?

  6. 6

    複数のCSS要素プロパティを一度に変更して無限にループするにはどうすればよいですか?

  7. 7

    jQueryを使用して複数のファイルのプロパティを表示するにはどうすればよいですか?

  8. 8

    BaseクラスのプロパティをSwiftでジェネリックにして、複数のモデルタイプで使用できるようにするにはどうすればよいですか?

  9. 9

    PHP:simple_html_domパーサーを使用して、要素の既存のインラインスタイル属性にCSS text-alignプロパティを追加するにはどうすればよいですか?

  10. 10

    CosmosDBグラフ:gremlinを使用して、プロパティを持つ頂点を複数の値で更新するにはどうすればよいですか?

  11. 11

    可変数のプロパティを使用してTypeScriptインターフェイスを宣言するにはどうすればよいですか?

  12. 12

    ODataモデルを使用して2つのデータプロパティを1つのコントロールプロパティに直接バインドするにはどうすればよいですか?

  13. 13

    html要素のIE6-IE8のスタイルタグにいくつかのスタイルプロパティが設定されているかどうかを確認するにはどうすればよいですか?

  14. 14

    Hibernateで1つのプロパティを複数のプロパティにマップするにはどうすればよいですか?

  15. 15

    Selenium WebDriverのプロパティファイルで複数行のプロパティを使用するにはどうすればよいですか?

  16. 16

    パスを使用して特定のコンテンツを検索し、1つの新しい要素を追加するにはどうすればよいですか?

  17. 17

    HTMLスタイルのプロパティを使用してJSボタンを作成するにはどうすればよいですか

  18. 18

    1つのテーブルセルに複数のVaadinプロパティを表示するにはどうすればよいですか?

  19. 19

    XAMLを使用してデータを祖先要素のプロパティにバインドするにはどうすればよいですか?

  20. 20

    Knockoutjsテンプレート:いくつかのプロパティで配列をフィルタリングした後、2つのDOM要素に1つのオブジェクト配列を使用するにはどうすればよいですか?

  21. 21

    jqueryを使用して特定のプロパティを持つタグの数を取得するにはどうすればよいですか?

  22. 22

    javascriptでDOMスタイルのmargintopプロパティを正しく使用するにはどうすればよいですか?

  23. 23

    すべての要素に基本クラスから1つの特定のプロパティを継承させるにはどうすればよいですか?

  24. 24

    d3 jsを使用してスタイルシートのプロパティを設定するにはどうすればよいですか?

  25. 25

    1つのテーブルに対して複数のエンティティをマップするにはどうすればよいですか?

  26. 26

    流暢なefコアで複数の1から多数の共有スーパータイプにマップする1つのリストプロパティを定義するにはどうすればよいですか?

  27. 27

    複数のポイントプロットにseabornを使用してカスタム色相を追加するにはどうすればよいですか?

  28. 28

    Amazon Lexで1つの発話に同じタイプの複数のスロットを追加するにはどうすればよいですか?

  29. 29

    Codeigniterの異なるボタンを使用して、複数の画像とテキストファイルを1つのフォームにアップロードするにはどうすればよいですか?

ホットタグ

アーカイブ