本記事のソースコードの利用によって生じた損害について、当方は一切の責任を負いません。ご自身の判断と責任のもとで参照・ご利用ください。
この記事は最終更新から2年以上経過しています。
aタグのhrefに画像が設定されいる場合にimage-linkクラスをあてたかったので対応してみた。このサイトで実装する必要があったので・・・。
<a href="https://example.com/image.jpg"><img src="https://example.com/image-thumb.jpg"></a>
<script>
document.addEventListener('DOMContentLoaded', function() {
var links = document.querySelectorAll('a');
links.forEach(function(link) {
if (link.href.match(/\.(jpeg|jpg|gif|png)$/) !== null) {
link.classList.add('image-link');
}
});
});
</script>