Javascript 试图覆盖CSS。。。但是它在PHP iframe中?
我希望在以下内容中插入/覆盖一些CSS代码: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;"
<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);