如何显示喜欢按钮计数旁边喜欢的图像

how to show the Like button count next to Like Image

本文关键字：喜欢 图像 按钮 显示 何显示      更新时间：2023-09-26

我正在动态地构建img标签，并能够分享和喜欢它们，但我想在喜欢按钮(图像)旁边显示喜欢的总数。下面是我的代码。

function showSharedMediaImages(allSharedMediaList) {
    for ( var i = 0, len = allSharedMediaList.length; i < len; i++) {
        elem = document.createElement("img");
        elem.src = 'getImg/' + allSharedMediaList[i][0] + '/'
                + allSharedMediaList[i][1];
        elem.id = allSharedMediaList[i][2];
        elem.height = '100';
        elem.width = '100';
        elem.alt = 'SPF HYD';
        var image = document.getElementById("sharedMediaLoad");
        image.appendChild(elem);
        //adding like button
        var imgLike = document.createElement("img");
        imgLike.src = "http://www.brandsoftheworld.com/sites/default/files/styles/logo-thumbnail/public/102011/like_icon.png?itok=nkurUMlZ";
        imgLike.id = allSharedMediaList[i][2];
        imgLike.height = '20';
        imgLike.width = '20';
        imgLike.addEventListener("click", likeImage);
        image.appendChild(imgLike);
        // like end here
    }
}

然后它调用下面的函数来增加DB中的like计数，控制器返回总like计数给ajax调用，

function likeImage(e) {
    alert("Like id:" + e.currentTarget.id);
    $.ajax({
        type : 'POST',
        url : 'LikeMediaImage',
        data : "ImageId=" + e.currentTarget.id,
        success : function(likeCount) {
            alert('Media Liked successfully');
            alert('now count of likes is' + likeCount);
            document.getElementsByTagName("likeCount").innerHtml = likeCount + "Likes";
        error : function(e) {
            alert('Error: ' + e);
        }
    });
}

这里我用likeCount作为喜欢的总数。请告诉我如何显示这个计数。

我知道了，谢谢。我用textContent代替了innerHTML。

相关文章：