Javascript 在脚本中添加css，可能吗？

我有一个脚本，网站上的一个家伙帮我修复了这个脚本

这是代码的第一部分，您可以在其中按标记选择和分隔博客文章

有没有可能在代码的第一部分中添加CSS，在这里我们有标记Terror、Shounen、Açãoa，并使每个标记具有不同的颜色

例如：恐怖：蓝色-寿宁：黄色-阿萨昂：绿色

这个脚本通过标签提取blogger内容，但是所有的列都是相同的颜色，我想在每个列中添加一个css来区分它们

<div id="feed-list-container"></div>
<div style="clear:both;"></div>

<script type="text/javascript">
var multiFeed = {
    feedsUri: [
        {
            name: "Judul Widget 1",
            url: "https://elfenliedbrazil.blogspot.com/",
            tag: "Terror"
        },
        {
            name: "Judul Widget 2",
            url: "https://elfenliedbrazil.blogspot.com/",
            tag: "Shounen"
        },
        {
            name: "Judul Widget 1",
            url: "https://elfenliedbrazil.blogspot.com/",
            tag: "Ação"
        }
    ],
    numPost: 3,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 80,
    titleLength: "auto",
    thumbSize: 200,
    containerId: "feed-list-container",
    readMore: {
        text: "Selengkapnya",
        endParam: "?max-results=20"
    }
};
</script>

/*/g、 “”）。替换（//g，“”）。替换（//[]/g，“”：“”）；
m=（c.总长度

您需要更新javascript，在感兴趣的html元素上包含一个

数据标记=“”+c.feedsUri[c.current].tag+”

锚定标签可能不在你想要的地方，但这至少会让你朝着我认为你正试图去的方向开始

a.innerHTML = '<div data-tag="'+c.feedsUri[c.current].tag+'" +class="main-title"><h4>' + c.feedsUri[c.current].name + "</h4></div>" + d;

a.innerHTML=''+c.feedsUri[c.current].name+''+d；

展开我的评论：

---

可能值得探索使用。尽管您也可以在json中添加颜色代码属性，并在javascript部分的a.innerHTML中让它执行内联css/设置div的背景色

但要注意的是，你的问题可能有很多解决方案，我就是这么做的

您的css文件可能如下所示：

div[data-tag='Terror'] {
    background-color: blue;
}
div[data-tag='Shounen'] {
    background-color: yellow;
}
div[data-tag='Ação'] {
    background-color: green;
}

您需要更新javascript，在感兴趣的html元素上包含一个

数据标记=“”+c.feedsUri[c.current].tag+”

锚定标签可能不在你想要的地方，但这至少会让你朝着我认为你正试图去的方向开始

a.innerHTML = '<div data-tag="'+c.feedsUri[c.current].tag+'" +class="main-title"><h4>' + c.feedsUri[c.current].name + "</h4></div>" + d;

a.innerHTML=''+c.feedsUri[c.current].name+''+d；

可能值得探索使用。虽然您也可以在json中添加颜色代码属性，并且在javascript部分的a.innerHTML中，让它执行内联css/为div设置

背景颜色。Arthur Weborg给出了一个有趣的答案，但在测试时，只有标题更改后的颜色可能值得使用。虽然您也可以在json中添加颜色代码属性，在javascript部分的a.innerHTML中，让它执行内联css/为div设置
背景色
。Arthur Weborg给出了一个有趣的答案，但在测试时，只有标题再次更改了colorHello，我刚刚在这里测试了代码，只有widjet标题更改了颜色。我希望内容的背景改变颜色。您可能只需要改变添加数据标记的位置。可以将数据标记片段添加到此行
d+='将
data tag=“”+c.feedsUri[c.current].tag+'“
添加到包含div元素的任何元素：）啊实际上，可能是
h.dataset.tag=c.feedsUri[c.current].tag
现在非常感谢，还有一件事，是否可以更改每个标签中的物品数量？当您更改代码“numPost:4”的这一部分时，效果会发生在所有标记上，是否可以为每个特定的标记指定数量？您好，我刚刚在这里测试了代码，只有widjet标题更改了颜色。我希望内容的背景改变颜色。您可能只需要改变添加数据标记的位置。可以将数据标记片段添加到此行
d+='将
data tag=“”+c.feedsUri[c.current].tag+'“
添加到包含div元素的任何元素：）啊实际上，可能是
h.dataset.tag=c.feedsUri[c.current].tag
现在非常感谢，还有一件事，是否可以更改每个标签中的物品数量？当您更改代码“numPost:4”的这一部分时，效果会发生在所有标记上，是否可以为每个特定标记指定数量？