01/10/2018, 16:58
Hỏi về cách đổi thuộc tính của thẻ img HTML
Em xin chào mọi người
Mọi người cho em hỏi em có cách nào để thay đổi thuộc tính src của thẻ img thành data-src không ạ , em mới tìm hiểu thấy cái lazy load và nó rất tốt , mỗi tội bây giờ cứ thẻ img nào em cũng phải sửa lại thuộc tính src của nó , mất quá nhiều thời gian nên em muốn hỏi có cách nào không ạ , em đang dùng jquery để add class cho thẻ img một cách tự động thì chưa được ạ , rất mong mọi người chỉ dẫn .
$('img').removeClass("lazyload"); //Xóa class lazy load khỏi những thẻ img đã có
$('img').addClass("lazyload");//Nạp lại class lazy load cho toàn bộ thẻ img
Ý tưởng là vậy nhưng nó chưa hoạt động nên em rất mong được mọi người giúp đỡ ạ.
Update : em đã tìm được cách giải quyết , đăng lên cho ai cần :
<script>
window.addEventListener('load', function(){
var allimages= document.getElementsByTagName('img');
for (var i=0; i<allimages.length; i++) {
if (allimages[i].getAttribute('data-src')) {
allimages[i].setAttribute('src', allimages[i].getAttribute('data-src'));
}
}
}, false)
</script>
Bài liên quan
Không cần điều kiện
ifcũng được:vấn đề nào của em cũng được anh support nhiệt tình , em rất cảm ơn ạ