例如我有这个对象:
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;
}
我想提供信息具体样式。基本上我希望文本显示在徽章上方并显示“为您的特定设备下载”。
作为奖励,我想为每个徽章提供样式规则,以便它们具有相同的高度和宽度。但这可以在代码之外完成。
谢谢!
最佳答案
您可以使用 style 属性向“a”( anchor )元素添加样式
<a style="height: 100px"></a>
例如,只需将 style 属性中的 css 作为新属性添加到 json 对象中即可。
关于javascript - 我可以在 JS 对象中设置文本样式吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60011341/