ボタンをクリックして段落テキストを変更するJavascriptイベントリスナーが機能しませんか?

モーシン

<p>私はボタンをクリックすると、テキストは変更されません。

警告メッセージは、出力変数とテキスト変数が正しいことを示します。しかし、それでもの内部テキストは<p>変更されません。

出力画像を参照してください

HTMLは次のとおりです。

<input type="text" id="msg"><br>
<button onclick="Message()">Submit</button><br>
<h2>Last Message:</h2>
<p class="msg">Message</p>

これはJavascriptです:

function Message(){
    var text = document.getElementById("msg").value;
    var output = document.getElementsByClassName("msg")[0].innerHTML;
    
    output = text;
}
マシューモラン

変数outputをの値に定義すると、の値がの値にdocument.getElementsByClassName("msg")[0].innerHTML変更さoutputれますtext

javascriptのプリミティブは、参照ではなく値で渡されます。

変化する var output = document.getElementsByClassName("msg")[0].innerHTML;

document.getElementsByClassName("msg")[0].innerHTML = text

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

ボタンのイベントリスナーが正しく機能せず、関数はクリックイベントの外部で正常に実行されますが、ボタンをクリックすると機能しません

分類Dev

変数が変更されても、ボタンクリックでテキストの色を変更しても機能しません

分類Dev

ボタンのテキストを変更し、クリックすると機能しますか?

分類Dev

javascriptイベントリスナーを使用してボタンのテキストを変更する

分類Dev

リンククリック時にdivを表示してテキストを変更すると正しく機能しません

分類Dev

キーイベントを介して関数をトリガーすると、IEのテキストボックスから値を取得できません

分類Dev

ボタンクリックでボタンテキストを変更しても機能しない

分類Dev

テキストボックスを変更し、クライアントイベントとサーバーイベントを発生させた後、ASP.NETがボタンをクリックする

分類Dev

別のボタンがクリックされたときにボタンのテキストを変更しても、同じように機能させるにはどうすればよいですか?アンドロイド

分類Dev

イベントリスナーを追加してコンテキストメニュー(右クリックで表示されるオプション)を無効にすると機能しません

分類Dev

Google Closureで記述されたイベントリスナーのイベントをクリックしても機能しませんか?

分類Dev

ボタンのtextViewのテキストサイズを変更する方法クリックしますか?

分類Dev

javascriptのボタンをクリックしてテキストの色を変更します

分類Dev

ボタンクリックでクライアント側スクリプトを使用してテキストボックスを変更する方法

分類Dev

angle2のクリックイベントでボタンテキストを変更してボタンを無効にする方法

分類Dev

ボタンをクリックしてjQueryを実行すると、キーアップイベントを含む追加テキストが消えます

分類Dev

jquery-クリック時にボタンのテキストを変更すると、2回目のクリックでのみ機能します

分類Dev

JavaScriptクリックイベントはスタイルを変更していません

分類Dev

QListWidgetのダブルクリックイベントでタッチスクリーンを有効にすると、QTが機能しません

分類Dev

JavaScriptイベントリスナーがifステートメントで機能していません

分類Dev

FirebaseonDataChange-値イベントリスナーが変更をリッスンしていません

分類Dev

javascriptを使用してクリック後にボタンのテキストを変更する

分類Dev

Firebaseデータベースがリスナーをブロックするオンラインデータをコミットしていません

分類Dev

ボタンをクリックしても機能しないのはなぜですか。テキストを切り替える必要があります

分類Dev

マウスを右クリックしてコンテキストメニューを表示すると、setTimeoutが機能しません

分類Dev

カスタムフィルターボタンを使用してリストをフィルター処理すると、最初のクリックでは機能しますが、それ以降のクリックでは機能しません。SPFX

分類Dev

JavaScriptでクリックしてボタンのテキストを変更する

分類Dev

jQuery変更イベントがチェックボックスで機能していません

分類Dev

トリガーを介してリストボックスのデータテンプレートを変更すると、WPFViewModelデータバインディングが機能しない

Related 関連記事

  1. 1

    ボタンのイベントリスナーが正しく機能せず、関数はクリックイベントの外部で正常に実行されますが、ボタンをクリックすると機能しません

  2. 2

    変数が変更されても、ボタンクリックでテキストの色を変更しても機能しません

  3. 3

    ボタンのテキストを変更し、クリックすると機能しますか?

  4. 4

    javascriptイベントリスナーを使用してボタンのテキストを変更する

  5. 5

    リンククリック時にdivを表示してテキストを変更すると正しく機能しません

  6. 6

    キーイベントを介して関数をトリガーすると、IEのテキストボックスから値を取得できません

  7. 7

    ボタンクリックでボタンテキストを変更しても機能しない

  8. 8

    テキストボックスを変更し、クライアントイベントとサーバーイベントを発生させた後、ASP.NETがボタンをクリックする

  9. 9

    別のボタンがクリックされたときにボタンのテキストを変更しても、同じように機能させるにはどうすればよいですか?アンドロイド

  10. 10

    イベントリスナーを追加してコンテキストメニュー(右クリックで表示されるオプション)を無効にすると機能しません

  11. 11

    Google Closureで記述されたイベントリスナーのイベントをクリックしても機能しませんか?

  12. 12

    ボタンのtextViewのテキストサイズを変更する方法クリックしますか?

  13. 13

    javascriptのボタンをクリックしてテキストの色を変更します

  14. 14

    ボタンクリックでクライアント側スクリプトを使用してテキストボックスを変更する方法

  15. 15

    angle2のクリックイベントでボタンテキストを変更してボタンを無効にする方法

  16. 16

    ボタンをクリックしてjQueryを実行すると、キーアップイベントを含む追加テキストが消えます

  17. 17

    jquery-クリック時にボタンのテキストを変更すると、2回目のクリックでのみ機能します

  18. 18

    JavaScriptクリックイベントはスタイルを変更していません

  19. 19

    QListWidgetのダブルクリックイベントでタッチスクリーンを有効にすると、QTが機能しません

  20. 20

    JavaScriptイベントリスナーがifステートメントで機能していません

  21. 21

    FirebaseonDataChange-値イベントリスナーが変更をリッスンしていません

  22. 22

    javascriptを使用してクリック後にボタンのテキストを変更する

  23. 23

    Firebaseデータベースがリスナーをブロックするオンラインデータをコミットしていません

  24. 24

    ボタンをクリックしても機能しないのはなぜですか。テキストを切り替える必要があります

  25. 25

    マウスを右クリックしてコンテキストメニューを表示すると、setTimeoutが機能しません

  26. 26

    カスタムフィルターボタンを使用してリストをフィルター処理すると、最初のクリックでは機能しますが、それ以降のクリックでは機能しません。SPFX

  27. 27

    JavaScriptでクリックしてボタンのテキストを変更する

  28. 28

    jQuery変更イベントがチェックボックスで機能していません

  29. 29

    トリガーを介してリストボックスのデータテンプレートを変更すると、WPFViewModelデータバインディングが機能しない

ホットタグ

アーカイブ