吹き出しを重ねるにはどうすればいいのか

Question

5chでは、投稿に含まれる「>>5」という文字列にカーソルを当てると、5番目の投稿が吹き出しで表示されるようになります。この吹き出しはどうやって作りますか？

ホバーした時に要素を表示するのはできていますが、表示された要素が既存の要素に重なるのではなく、挿入されます。

Comments

[退会済みユーザー]

できているソースコードを提示してください

Answer 1

適当でいいならこんな感じでいけます

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelectorAll('a[href^="#"]').forEach(x=>{
    x.title=document.querySelector(x.getAttribute("href")).textContent;
  })
});
</script>
<a href="#aaa" title="test">aaa</a>

<div id="aaa">テスト1テスト2テスト3テスト4テスト5
テスト6テスト7テスト8テスト9テスト0
テスト1テスト2テスト3テスト4テスト5
テスト6テスト7テスト8テスト9テスト0
</div>

Comments

[退会済みユーザー]

divのテキストをtitleに入れるんじゃなくて、divそのものを表示させたいです。

[yambejp]

iframeでやればよいのでは？