Javascript 试图覆盖CSS。。。但是它在PHP iframe中?

Javascript 试图覆盖CSS。。。但是它在PHP iframe中?,javascript,php,html,css,Javascript,Php,Html,Css,我希望在以下内容中插入/覆盖一些CSS代码: <script type="text/javascript"> feed2js_ck = true; document.write('<div class="rss-box" style="color: #414141; font-family: Arial, sans-serif; font- size: 14px; font-weight: bold; text-align: center;"

我希望在以下内容中插入/覆盖一些CSS代码:

    <script type="text/javascript">
    feed2js_ck = true;

    document.write('<div class="rss-box" style="color: #414141; font-family: Arial, sans-serif; font- 
    size: 14px; font-weight: bold; text-align: center;">');
    document.write('<p class="rss-item"><br />');
    document.write('<span class="rss-date" >All systems are operational at this time.</span>');
    document.write('</p>');
    document.write('</div>');
    </script>
但是,它目前不起作用。。。我想我做得不对,我为这个问题道歉


非常感谢您的帮助

如果不更好地理解您想要实现的目标,就很难回答问题的CSS部分。当我对你的CSS目标有了更清晰的认识后,我会扩展这个答案

同时,如果你可以避免的话,你真的不应该在你的javascript中使用document.write——这是一种非常古老的方法,它没有性能,并且会引发各种各样的问题

相反,您可以构建一个
DocumentFragment
,并将其附加到文档:

// CREATE THE FRAGMENT
let rssFragment = document.createDocumentFragment();

// CREATE .rss-box
let rssBox = document.createElement('div');
rssBox.classList.add('rss-box');

// CREATE .rss-item
let rssItem = document.createElement('p');
rssItem.classList.add('rss-item');

// CREATE .rss-date
let rssDate = document.createElement('span');
rssDate.classList.add('rss-date');
rssDate.textContent = 'All systems are operational at this time.'

// BUILD THE FRAGMENT
rssItem.appendChild(rssDate); // Puts rssDate into rssItem
rssBox.appendChild(rssItem); // Puts rssItem into rssBox
rssFragment.appendChild(rssBox); // Puts rssBox into rssFragment

// ADD THE FRAGMENT TO THE DOCUMENT
document.body.appendChild(rssFragment);

你能在你的帖子里解释一下预期的行为应该是什么吗?你也可以发布
status.php
的内容吗?
// CREATE THE FRAGMENT
let rssFragment = document.createDocumentFragment();

// CREATE .rss-box
let rssBox = document.createElement('div');
rssBox.classList.add('rss-box');

// CREATE .rss-item
let rssItem = document.createElement('p');
rssItem.classList.add('rss-item');

// CREATE .rss-date
let rssDate = document.createElement('span');
rssDate.classList.add('rss-date');
rssDate.textContent = 'All systems are operational at this time.'

// BUILD THE FRAGMENT
rssItem.appendChild(rssDate); // Puts rssDate into rssItem
rssBox.appendChild(rssItem); // Puts rssItem into rssBox
rssFragment.appendChild(rssBox); // Puts rssBox into rssFragment

// ADD THE FRAGMENT TO THE DOCUMENT
document.body.appendChild(rssFragment);