[解決済み] Javascriptでonclickを変更するには?
2022-02-14 02:45:53
質問
変更方法
onclick
Javascriptを使用していますか?
https://jsfiddle.net/749rt0m7/1/
このコードを使おうとしたのですが、うまくいきません。どうすればいいのでしょうか?
<span onclick="test_fn('aaa,bbb')" id="xx">edit</span>
<script>
document.getElementById('xx').onclick = "test_fn(111,222)";
</script>
解決方法は?
いくつかあるようです。
まず第一に
test_fn()
は、あなたのjsfiddleの関数ではありません。呼び出されるように定義する必要があります。
次に、onclick 属性を関数ではなく文字列に設定しています。以下のコードで関数に設定する必要があります。
document.getElementById('xx').onclick = function() { test_fn(111,222) };
以下は が動作するjsfiddleです。
アップデイト
質問を誤解していたようです。もし、onclick属性を変更したいのであれば、つまり、HTMLに表示される内容を変更したいのであれば、次のようにします。
setAttribute()
. つまり、あなたのコードは...
document.getElementById('xx').setAttribute( "onClick", "test_fn('111,222')" );
以下は jsfiddleを更新しました。
余談ですが
nnnnnn
のコメントにあるように、これを使うと、関数を通して1つのパラメータを渡すことになります。
111,222
を2つ渡す必要があるようです。もし
111
を最初のパラメータとして、そして
222
を2番目のパラメータとして、関数を呼び出します。
test_fn(111,222)
(パラメータを整数値で渡す)または
test_fn('111','222')
(文字列としてパラメータを渡す)
関連
-
[解決済み】JavaScript "Uncaught TypeError: object is not a function" 連想性の質問
-
[解決済み】別のjsファイル内でJavaScriptの関数を呼び出す
-
[解決済み】Redux TypeError: 未定義のプロパティ 'apply' を読み取れない
-
[解決済み】React-Routerの子が1つしかない。
-
[解決済み】'useState' が定義されていない no-undef React
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
-
[解決済み】TypeError: 'undefined'はオブジェクトではありません。
-
[解決済み】Uncaught ReferenceError: angular is not defined - AngularJSが動作しない。
-
[解決済み】「Uncaught TypeError: Chromeで "Illegal invocation "が発生する。
-
[解決済み】未定義のプロパティ 'bind' を読み込めない。React.js【重複あり
-
[解決済み] エラー。モジュールhtmlが見つからない
-
[解決済み】Javascript - ERR_CONTENT_LENGTH_MISMATCH
-
[解決済み】Redux TypeError: 未定義のプロパティ 'apply' を読み取れない
-
[解決済み】Babel NodeJS ES6: SyntaxError: 予期しないトークンのエクスポート
-
[解決済み】module.exports "モジュールが定義されていません"