[過去ログ]
JavaScript の質問用スレッド vol.125 (1002レス)
JavaScript の質問用スレッド vol.125 http://mevius.5ch.net/test/read.cgi/tech/1659855460/
上
下
前次
1-
新
通常表示
512バイト分割
レス栞
抽出解除
レス栞
このスレッドは過去ログ倉庫に格納されています。
次スレ検索
歴削→次スレ
栞削→次スレ
過去ログメニュー
894: デフォルトの名無しさん (ワッチョイ 7e63-SF+K [153.218.139.115]) [] 2023/08/21(月) 00:13:21.70 ID:v7lFaH3H0 【環境】Windows 11, Chrome最新版 【何をしたのか】PHPで動的に出力されたテキストに replace (new RegExp) 【エラーメッセージ】コンソールには何も出ません 【期待する結果】ページ内に複数生成される動的クラス内テキストを置換したい 【サンプルコード】 <p class="tx-body">おはようございます*2023.08.15</p><span clas="tx-date">0000</span> <p class="tx-body">ごきげんよう*2023.08.20</p><span clas="tx-date">0000</span> ・ ・ tx-dateクラスの中身をtx-bodyの*以降の文字列に置き換えたく、以下を<body>の後半に書きましたが期待する置換変化が起きません、エラーも出ません、 根本的なところわかっていないのだと思うので恐縮ですがお手上げ状態です window.addEventListener('load', function() { const ItemList = document.getElementsByClassName("tx-body"); const ItemDate = document.getElementsByClassName("x-date"); for(i=0; i<ItemList.length; i++) { var tBody = ItemList.item(i).textContent; var tDate = ItemDate.item(i).textContent; var replaceDate = tBody .split("*")[1]; tDate = tDate.replace(new RegExp(replaceDate,'g'),''); } }) 以上ご指導よろしくおねがします http://mevius.5ch.net/test/read.cgi/tech/1659855460/894
895: デフォルトの名無しさん (スッップ Sdca-jTH6 [49.98.168.137]) [sage] 2023/08/21(月) 11:40:28.26 ID:cB09UaOod >>894 まずconsole.log()や開発者ツールを使って自分の書いたコードがどこまで想定通りに動いてるか確認してみよう http://mevius.5ch.net/test/read.cgi/tech/1659855460/895
896: デフォルトの名無しさん (ワッチョイ 534b-ubuk [110.2.215.28 [上級国民]]) [sage] 2023/08/21(月) 11:51:22.81 ID:7Ts4WfMN0 >>894 コードを見る限り、置換を行うためのコードは一見正しく見えますが、複数の潜在的な問題が考えられます。まず、コード内のいくつかのポイントをチェックしてみましょう。 1. **クラス名のスペル**: `tx-date` クラスが正しく `x-date` クラスになっているか確認してください。 2. **期待する置換変化の確認**: 期待する置換変化がどのようなものか確認してみてください。コード内で `tDate` の内容を `console.log()` を使って出力し、実際の値が正しいか確認できます。 3. **変数 `replaceDate` の設定**: `tBody.split("*")[1]` の部分で、正しい位置に `*` が存在しているか確認してください。`split()` メソッドは対象の文字列を指定の文字で区切って配列にしますが、もし `*` が存在しない場合、期待通りの結果が得られない可能性があります。 4. **置換操作の適用**: `tDate` に対して行った置換操作が、実際のDOM要素に反映されていない可能性があります。`tDate` の内容を変更した後、対応するDOM要素の内容を更新するコードが不足しているようです。 これらのチェックポイントを確認した上で、コードを修正するか、デバッグすることをお勧めします。また、具体的なサンプルHTMLコードや置換の例を提供していただければ、より具体的なアドバイスを提供できるかもしれません。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/896
メモ帳
(0/65535文字)
上
下
前次
1-
新
書
関
写
板
覧
索
設
栞
歴
スレ情報
赤レス抽出
画像レス抽出
歴の未読スレ
AAサムネイル
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.028s