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

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

参考例は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文字 304view
※この記事は1年前の記事です。内容が古い可能性があります。
favorite
ツイート シェア ブックマーク LINE

コメントを残す

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

CAPTCHA


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