Q&A
実現したいこと
- 文字列の最後をspanタグで囲ってCSSで文字サイズを変えたい
前提
変更するコードを書いたのですがHTML上に反映されずどうしたものかと悩んでいます
発生している問題・エラーメッセージ
エラーは特になし
該当のソースコード
html
1<p class="dateinfo"> 2 <span class="date"> 3 2023/03/02 木 // →こうしたい2023/03/02 <span>木</span> 4 </span> 5 <span class="date"> 6 2023/03/02 月 // →こうしたい2023/03/02 <span>月</span> 7 </span> 8 <span class="date"> 9 2023/03/02 火 // →こうしたい2023/03/02 <span>火</span> 10 </span> 11 <span class="date"> 12 2023/03/02 日 // →こうしたい2023/03/02 <span>日</span> 13 </span> 14</p>
javascript
1const eventdays = document.querySelectorAll(".dateinfo .date"); 2[...eventdays].forEach((e) => { 3 let youbi = e.innerText.replace(/\s+/g, "").slice(-1); 4 e = e.innerText.replace(new RegExp(youbi, "g"), `<span>${youbi}</span>`); 5});
試したこと
innerHTMLも試しましたがサイト上で反映されませんでした
javascript
1e = e.innerHTML.replace(new RegExp(youbi, "g"), `<span>${youbi}</span>`);
回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。