javascript - 我可以在 JS 对象中设置文本样式吗？

Question

例如我有这个对象:

function getBadgeContent() {
    let os = detectOS();
    let obj = {};

    if( os == "android" ) {
        obj = {
            src: "----",
            href: "---",
            info: "Download app for Android"
        };
    } else if( os == "iOS" ) {
        obj = {
            src: "---",
            href: "---",
            info: "Download App for iOS"
        };
    } else {
        obj = {
            src: "---",
            href: "----",
            info: "Download App for Windows"
        };
    return obj;

}

    }

然后调用该对象(不确定这是否是正确的术语)。根据用户使用的设备，HTML 页面中会显示不同的徽章。

function buildBadge() {
    let obj = getBadgeContent();
    let html = '';

    if( obj ) {
        html = obj.info + '<a target="_blank" href="'+ obj.href+'"><img src="' + obj.src + '" alt="store_badge" /></a>';
    }

    return html;

}

我想提供信息具体样式。基本上我希望文本显示在徽章上方并显示“为您的特定设备下载”。

作为奖励，我想为每个徽章提供样式规则，以便它们具有相同的高度和宽度。但这可以在代码之外完成。

谢谢!

Answer 1

您可以使用 style 属性向“a”( anchor )元素添加样式 <a style="height: 100px"></a>例如，只需将 style 属性中的 css 作为新属性添加到 json 对象中即可。