画像を挿入するJavascriptifステートメント

GazzaLDN

私はJavascriptに非常に慣れておらず、スプレッドシートで行っていることを複製しようとしていますが、Webページのjavascriptでは、それを単純化する方法を探して、長い間機能するようになっています。

スクリプトはHTMLに埋め込まれています

<td class="td_Col11cSize">
  <div class="TableText">
    <span class = "Sub0a">
      <script type="text/javascript">
        if (Game2Player4Sub == "")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub1a">
      <script type="text/javascript">
        if (Game2Player4Sub == "Sub 1")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub2a">
      <script type="text/javascript"> 
        if (Game2Player4Sub == "Sub 2")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub3a">
      <script type="text/javascript"> 
        if (Game2Player4Sub == "Sub 3")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub4a">
      <script type="text/javascript">
        if (Game2Player4Sub == "Sub 4")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub5a">
      <script type="text/javascript"> 
        if (Game2Player4Sub == "Sub 5")
          document.write(Game2Player4Name, Game2Player4Off) 
      </script>
    </span>
    <span class = "Sub6a">
      <script type="text/javascript"> 
        if (Game2Player4Sub == "Sub 6")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub7a">
      <script type="text/javascript">
        if (Game2Player4Sub == "Sub 7")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
  </div>
</td>   

コードは8つの条件をチェックしてフォントの色を設定し、プレーヤーの名前と時間を括弧で囲んで追加します。上記は機能しますが、時間がかかり、ページ上で18 x 46回使用されているため、関数を置き換えるための関数の作成を検討する必要があります。

また、<img src ="YellowCard.png">いつ追加する別のifステートメントを追加する必要があります(Game2Player4Yellow == "n")

ノイ

あなたはそれがPHPであるかのようにJSを使用しています...

次のようなものを試してください:

function getGame2PlayerData(Game2Player4Sub, Game2Player4Yellow = null) {
    selector = Game2Player4Sub.replace(" ","") + 'a';
    elements = getElementsByClassName(selector);
    img = '';
    if (Game2Player4Yellow == 'n') {
        img = '<img src ="YellowCard.png">';
    }
    elements[0].innerHTML = img + Game2Player4Name + ' ' + Game2Player4Off;
}

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Divを変更するJavaScriptifステートメント

分類Dev

奇妙なJavascriptIfステートメント

分類Dev

Oracle、ステートメントを挿入するXML

分類Dev

Expressで挿入ステートメントを作成する方法

分類Dev

挿入ステートメントを動的に作成する

分類Dev

動作するはずの複数のJavascriptIfステートメント

分類Dev

javascriptifステートメントが真の値を渡している

分類Dev

特定のページのJavaScriptIFステートメントを無効にすることは可能ですか?

分類Dev

挿入する値としてSELECTステートメントを使用する

分類Dev

挿入ステートメントから結果セットを取得する

分類Dev

テキストチャンクをPNG画像に挿入する

分類Dev

挿入ごとに増分するmysqlの挿入ステートメント

分類Dev

$ _POST配列をループするPDO挿入ステートメント

分類Dev

React Variableステートメントを使用してHTMLを挿入する(JSX)

分類Dev

sqliteを使用してステートメントを挿入する場所

分類Dev

influxDBの挿入ステートメントが失敗する

分類Dev

SQL挿入ステートメント1つではなく2つのレコードを挿入する

分類Dev

どのJavascriptif / elseステートメントが拡大画像をデフォルトサイズに戻すことができますか?

分類Dev

SQL挿入ステートメントをCSVファイルに作成する

分類Dev

dockerfile内に条件付きRUNステートメントを挿入する

分類Dev

ILGeneratorがLeave命令をForeachステートメントに挿入する理由

分類Dev

ステートメントへの挿入にCTE関数を使用する

分類Dev

挿入ステートメントの直後にPKを取得するODBCSQL Anywhere

分類Dev

PHP:配列値をmysqlステートメントに挿入する方法

分類Dev

SQLクエリ内にログステートメントを挿入する

分類Dev

assign ステートメント内に Liquid タグを挿入する

分類Dev

pl / pgSQLselectステートメントを挿入に変換する

分類Dev

VBAExcelで挿入ステートメントを作成します

分類Dev

ステートメントSQLServerを挿入します

Related 関連記事

  1. 1

    Divを変更するJavaScriptifステートメント

  2. 2

    奇妙なJavascriptIfステートメント

  3. 3

    Oracle、ステートメントを挿入するXML

  4. 4

    Expressで挿入ステートメントを作成する方法

  5. 5

    挿入ステートメントを動的に作成する

  6. 6

    動作するはずの複数のJavascriptIfステートメント

  7. 7

    javascriptifステートメントが真の値を渡している

  8. 8

    特定のページのJavaScriptIFステートメントを無効にすることは可能ですか?

  9. 9

    挿入する値としてSELECTステートメントを使用する

  10. 10

    挿入ステートメントから結果セットを取得する

  11. 11

    テキストチャンクをPNG画像に挿入する

  12. 12

    挿入ごとに増分するmysqlの挿入ステートメント

  13. 13

    $ _POST配列をループするPDO挿入ステートメント

  14. 14

    React Variableステートメントを使用してHTMLを挿入する(JSX)

  15. 15

    sqliteを使用してステートメントを挿入する場所

  16. 16

    influxDBの挿入ステートメントが失敗する

  17. 17

    SQL挿入ステートメント1つではなく2つのレコードを挿入する

  18. 18

    どのJavascriptif / elseステートメントが拡大画像をデフォルトサイズに戻すことができますか?

  19. 19

    SQL挿入ステートメントをCSVファイルに作成する

  20. 20

    dockerfile内に条件付きRUNステートメントを挿入する

  21. 21

    ILGeneratorがLeave命令をForeachステートメントに挿入する理由

  22. 22

    ステートメントへの挿入にCTE関数を使用する

  23. 23

    挿入ステートメントの直後にPKを取得するODBCSQL Anywhere

  24. 24

    PHP:配列値をmysqlステートメントに挿入する方法

  25. 25

    SQLクエリ内にログステートメントを挿入する

  26. 26

    assign ステートメント内に Liquid タグを挿入する

  27. 27

    pl / pgSQLselectステートメントを挿入に変換する

  28. 28

    VBAExcelで挿入ステートメントを作成します

  29. 29

    ステートメントSQLServerを挿入します

ホットタグ

アーカイブ