innerHTML_javascript ヒントでラベルをラップする方法の概要-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

innerHTML_javascript ヒントでラベルをラップする方法の概要

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:45 PM

改行

innerHTML を使用して構造を生成する場合、構造を明確に見せるために、各行の末尾にバックスラッシュを追加して、タグをまとめずに元の HTML 構造を維持できます

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>innerHTML中标签可以换行的方法</title>
</head>
<body>
<script>
//function fnNew(){
  var sHtml = '';
  for(var i = 0; i < 2; i++){
    sHtml += '<li class="in">\
          <div class="in-con">\
            <button class="in-btn_s">显示</button>\
            <button class="in-btn_h">隐藏</button>\
          </div>\
          <div class="in-show">第'+ i +'种方法:'+ data[i]+'</div>\
        </li>';   
  }
  oList.innerHTML = sHtml;
}
</script>
</body>
</html>

ログイン後にコピー

今日は司馬兄さんのJavascriptを習ったところですが、innerHMTLの使い方について先生が、中のタグが折り返されていないと今後操作するのに不便だと思ったので、このコードをコピーしました。
をプログラムした友人にその方法を尋ねました。

function t2(){
    var cont = document.getElementById('container');
 
    var htmlcode =  "<p><ul><li><span>东</span></li><li>南</li><li>西</li><li>北</li></ul></p>";
 
    cont.innerHTML = htmlcode;

ログイン後にコピー

以下のコードは

で改行できるように記述できますか?

1	`<p><ul><li><span>东</span></li><li>南</li><li>西</li><li>北</li></ul></p>`

ログイン後にコピー

でも、努力は報われます。ついに誰かがその方法を教えてくれました。以下のコードを参照してください。

var htmlcode = "<p> \
                                   <ul> \
                                         <li><span>东</span></li> \
                                         <li>南</li> \
                                         <li>西</li> \
                                         <li>北</li> \
                                   </ul> \
                             </p>";

ログイン後にコピー

つまり、コードを折り返す必要があるたびに、改行が 1 つ追加されます。 (特別なトリックはありません。この方法でコードを書くのがより快適になるだけです)

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7338

Java チュートリアル

1627

CakePHP チュートリアル

1352

Laravel チュートリアル

1265

PHP チュートリアル

1210

Related knowledge

BarTender で行を折り返す方法 - BarTender で行を折り返す方法 Mar 05, 2024 pm 07:52 PM

多くのユーザーがオフィスで BarTender ソフトウェアを使用しています。最近、一部の新規ユーザーが BarTender で行を折り返す方法を尋ねてきました。以下では、エディターが BarTender で行を折り返す方法を示します。以下を見てみましょう。 1. BarTender で、ツールバーの [テキストの作成] ボタンをクリックし、[単一行テキストの作成] を選択して、テキストの内容を入力します。 2. 作成したテキストオブジェクトをダブルクリックして、テキストプロパティダイアログボックスを開きます。「テキスト形式」タブに切り替え、右側の「種類」で「段落」を選択します。 3. [閉じる] をクリックし、実際の要件に応じてテキストボックスのサイズを調整するか、テキストをさらに入力するか、テキストを折り返すことができます。

Excelテーブルで行を折り返す方法 Feb 09, 2024 pm 02:00 PM

Excel を使用していると、セル内で行を折り返すなど、さまざまな操作を行う必要があります。パソコンのExcel表で行を折り返す方法を見てみましょう。【エクセル表の操作方法集】エクセル表で行を折り返すにはどうすればいいですか? 回答: 自動的に行を折り曲げたり、セルの書式を設定したりすることで実現できます。 1. 自動行折り返し 1. 表内で折り返す必要がある領域を選択し、[開始] ページで [自動折り返し] をクリックします; 2. 次に、A 列の幅を適切な値に調整します; 2.セルの書式設定 1. まず、折り返す必要がある領域を選択し、マウスを右クリックして [セルの書式設定] をクリックします; 2. 次に、ポップアップで

Apple コンピューターの Excel でセルを折り返す方法 Feb 18, 2024 pm 08:39 PM

Apple の Excel のセル内の行の折り返し Apple の Excel ソフトウェアは、ユーザーのデータ処理と分析を支援する多くの便利な機能を提供する強力なスプレッドシートツールです。 Excel を使用する場合、データをより適切に整理して表示するために、セルに複数行のテキストを入力する必要がある場合があります。ただし、Apple コンピュータ用 Excel は Windows 版 Excel とは若干異なるため、行の折り返し方法も異なります。 Windows バージョンの Excel では、直接次のことができます。

iPhone で行を折り返す方法 iPhone で行の折り返しを設定するにはどうすればよいですか? Mar 22, 2024 pm 06:50 PM

1. スペースバーを複数回押してカーソルを右端に移動し、行を折り返すテキストを入力します。 2. 改行する必要がある場合は、キーボードのマイクアイコンをクリックすると、「改行」と音声が流れます。 3. メモの使用シナリオでは、入力メソッドに [改行] オプションがあり、これを使用してコピーすることで改行を実現できます。 4. 他のサードパーティの入力メソッドを App Store からダウンロードして使用します。

PyCharm チュートリアル: 自動行折り返し機能を素早くマスターする Feb 23, 2024 am 08:33 AM

PyCharm は強力な Python 統合開発環境であり、その自動行折り返し機能により、開発者はより効率的にコードを作成できます。この記事では、PyCharmの自動ワードラップ機能をすぐにマスターする方法と、具体的なコード例を紹介します。 1. 自動ワードラップ機能を有効にする PyCharm では、自動ワードラップ機能はデフォルトでは有効になっていないため、使用する前に手動で設定する必要があります。具体的な手順は次のとおりです。 PyCharm を開き、「ファイル」->「設定」と入力します。

PHPで改行を置換する方法を詳しく解説 Mar 20, 2024 pm 01:21 PM

PHPで改行を置換する方法を詳しく解説 PHPの開発では、文字列内の改行を置換したり処理したりする必要がある場合があります。改行はプラットフォームによって表現方法が異なる場合があるため、異なる環境で文字列が一貫して表示されるように、改行を均一に処理する必要があります。この記事では、一般的な改行文字や具体的なコード例など、PHPで改行を置換する方法を詳しく紹介します。 1. 一般的な改行文字オペレーティングシステムが異なると、改行文字の表現が若干異なる場合があります。主な改行文字は次のとおりです。 Windo

Excelで列の順序を入れ替える方法 Feb 20, 2024 am 10:28 AM

Excel は、さまざまなデータや情報の処理に役立つ強力な表計算ソフトウェアです。 Excelを使用している場合、行の折り返しや列の順序など、表のレイアウトを調整する必要がある場合があります。ここではExcelで行の折り返しや列の順序を調整する方法を詳しく紹介します。 1. 改行 1. 改行の使用: Excel では、改行を使用して改行を実現できます。具体的な操作は次のとおりです: a. 折り返す必要があるセルまたはセル範囲を選択します。 b. 選択したセルに折り返すテキストを入力します。

Go言語で改行を含むテキストを出力する方法 Mar 15, 2024 pm 04:15 PM

Go 言語は、さまざまな分野のソフトウェア開発で広く使用されている、最新の効率的かつ簡潔なプログラミング言語です。 Go 言語では、改行を含むテキストの出力は非常に簡単で、fmt パッケージが提供する Println 関数を使用することで実現できます。ここではGo言語で改行を含むテキストを出力する方法と関連するコード例を詳しく紹介します。 Go 言語で改行を含むテキストを出力したい場合は、fmt パッケージが提供する Println 関数を使用できます。 Println 関数はテキストを出力します。

See all articles

innerHTML_javascript ヒントでラベルをラップする方法の概要

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック