[解決済み] 部分文字列に基づく Javascript の getElementById
2022-10-14 17:56:11
質問
ある要素のIDを取得したいのですが、値が動的で、先頭だけが常に同じです。
コードのスニペットはこちらです。
<form class="form-poll" id="poll-1225962377536" action="/cs/Satellite">
IDは常に
poll-
で始まる場合、その数値は動的です。
jQueryではなく、JavaScriptだけでIDを取得するにはどうしたらよいでしょうか?
どのように解決するのですか?
あなたは を使用することができます。 は クエリセレクタ を使用します。
document.querySelector('[id^="poll-"]').id;
セレクタの意味は、「属性
[id]
が文字列で始まる要素を取得する。
"poll-"
.
^
は、先頭の
*
は任意の位置にマッチします
$
は末尾にマッチします。
jsfiddle
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】オブジェクトの配列を文字列のプロパティ値でソートする
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] moment.jsでミュータビリティを回避するには?
-
[解決済み] HTML要素にスクロールバーがあるかどうかをチェックする
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQuery セレクタ。Id Ends With?
-
[解決済み] 配列からオブジェクトを生成する
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] Node.jsでbase64エンコードされた画像をAmazon S3へアップロードする
-
[解決済み] 文字列が空白であるかどうかをチェックする
-
[解決済み] CORS OriginヘッダーとCSRFトークンによるCSRF保護
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] moment.jsでミュータビリティを回避するには?
-
[解決済み] ECMAScriptとは?
-
[解決済み] 変異を伴わないオブジェクトからの値の削除