JavaScriptでliの値を変更する方法

JavaScript では、innerHTML 属性を使用して li タグの値を変更できます。この属性は、テーブル行の開始タグと終了タグの間の HTML を設定または返すために使用されます。構文は "li tag object.innerHTML=" 変更された値 ""。

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript で li の値を変更する方法

js では、li タグのオブジェクトを取得し、innerHTML 属性を使用することで、li タグの値を変更できます。

test.html という名前の新しい HTML ファイルを作成して、JS が ul タグの下の li タグの値を変更する方法を説明します。 ul タグと li タグを使用してリストを作成します。li の値はそれぞれ test a と test b です。最初の li タグの ID を mytest に設定します。これは主に、以下のこの ID を通じて li オブジェクトを取得するために使用されます。 buttonタグを使用して「liの値を変更する」というボタン名でボタンを作成します。

test.html ファイルで、onclick イベントをボタンにバインドします。ボタンがクリックされると、editli() 関数が実行されます。

editli() 関数を作成します。関数内で、getElementById() メソッドを使用して、id(mytest) を通じて li オブジェクトを取得し、li オブジェクトの innerHTML 属性を再割り当てして、li の値を変更します。鬼ごっこ。

test.html ファイルをブラウザで開き、ボタンをクリックして効果を確認します。

#ボタンをクリックした後:

概要:

1. test.html を作成します。ファイル 。

2. ファイル内で、ul タグと li タグを使用してリストを作成し、js 関数の実行をトリガーするボタン button を作成します。

3. js タグ内に js 関数を作成します。関数内で、getElementById() メソッドを使用して id から li オブジェクトを取得し、li オブジェクトの innerHTML 属性を再割り当てして、値を変更します。 li タグ。

関連する推奨事項:

JavaScript 学習チュートリアル

以上がJavaScriptでliの値を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。