創建可編輯樣式JS或嵌入式樣式

Question

我正在為一個大型組織創建一個wordpress主題，並且出現了我以前從未考慮過的想法。 使用JS即時顯示客戶端創建的樣式或內聯CSS更好嗎？ 我使用了內聯樣式，但意識到在js中使用數據集循環可能同樣簡單。

這是一個示例。我在編輯帖子頁面上創建了一個metabox，允許用戶更改每個帖子在博客頁面上的帖子包裝，標題文本和段落文本的顏色。

所以最好做...

<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

據我說，內聯樣式不好，但是在這種情況下可以使用內聯樣式，因為我們可以動態獲取值。

但是我覺得下面的方法比內聯樣式表更好。 下面應該在<body> ：

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

<?php echo get_post_meta(...); ?> <?php echo get_post_meta(...); ?>應該包含.postWrapper所有自定義CSS

這只是我的看法。 我想聽到其他人的更多信息 :)

創建可編輯樣式JS或嵌入式樣式

問題描述

1 個解決方案

解決方案1
1 已采納 2016-07-15 03:13:17

創建可編輯樣式JS或嵌入式樣式

問題描述

1 個解決方案

解決方案1 1 已采納 2016-07-15 03:13:17

解決方案1
1 已采納 2016-07-15 03:13:17