Question

我正在为一个大型组织创建一个wordpress主题，一个我以前没有考虑过的想法。使用JS在动态客户端创建样式或内联css时更好吗？我使用的是内联样式，但意识到在js中使用数据集循环可能同样简单。

以下是一个示例..我在编辑帖子页面上创建了一个元框，允许用户在每个帖子上更改博客页面上的帖子包装，标题文本和段落文本的颜色。

这样做更好......

<div class='postWrapper' style='<?php echo get_post_meta(...); ?> </div>

在博客页面上或

<div class='postWrapper' data-backgroundColor='#987' ?> </div>

和app.js中的循环看起来像......

var postWrapper = document.getElementsByClassName('postWrappter');
    for(i=0; postWrapper.length > i; i++){
    postWrapper[i].style.backgroundColor = postWrapper[i].dataset.backgroundColor;
}

我意识到，就涉及多少打字而言，内联样式似乎更容易，更有效。但是我总是在脑子里钻孔，你应该不惜一切代价避免使用内联样式！

会喜欢这方面的一些意见！谢谢！

Answer 1

据我所知，内联样式不好，但在这种情况下， okay 使用内联样式，因为我们动态获取值。

但我觉得下面的方法比内联样式表更好。 下面应该追查<body>：

<script type="text/css">
<?php echo get_post_meta(...); ?>
</script>

<?php echo get_post_meta(...); ?>应包含.postWrapper

的所有自定义CSS

这只是我的看法。我想从其他人那里听到更多信息 :)

创建可编辑样式JS或内联样式

1 个答案: