[wp+js]タイトルリンクを囲ってるdiv全体に適応したい

デザインとアクシビティとマークアップの兼ね合いで、リンクタグはタイトルだけ掛けるようにしたいが、サムネイルや抜粋など他の要素もまとめている親になるブロックコンテンツ(div.item)をクリックした場合にも遷移してほしいときは、jsで頑張ります。

参考例はWPのarchive.phpなどの記事やタクソノミー一覧です。
参考にわかりやすく書いています。

<div class="item">
<a herf="https://example.com">example</a>
</div>
ソースコード装飾ならGoogle code prettify
const element = document.querySelector('.item');
element.addEventListener('click', () =&gt; {
const link = element.querySelector('a');
location.href = link.getAttribute('href');
});
ソースコード装飾ならGoogle code prettify
しば に更新 727文字 205view
※この記事は1年前の記事です。内容が古い可能性があります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください