Javascript document.write CSS не применяется

-2

HTML:Javascript document.write CSS не применяется

<div id="dvContainer"> 
     This content needs to be printed. 
</div> 
<button>Print</button>

JavaScript:

$("button").on("click", function(){ 
    var divContents = $("#dvContainer").html(); 
      var printWindow = window.open('', '', 'height=400,width=800'); 
      printWindow.document.write('<html><head><title>DIV Contents</title>'); 
      printWindow.document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"/css/product.css\" />"); 
      //printWindow.document.write("<style>#dvContainer{color: red;}</style>"); 

      printWindow.document.write('</head><body>'); 
      printWindow.document.write(divContents); 
      printWindow.document.write('</body></html>'); 
      printWindow.document.close(); 
      printWindow.print(); 
});

мне нужно мое DIV, чтобы изменить красный, когда появляется окно, но ничего не произошло.

Я пробовал использовать код стиля, но мой элемент по-прежнему черный. Я также пробовал печатать СМИ, но ничего.

Любые предложения, пожалуйста? Что я делаю неправильно?
Я тестирую это в последней версии Chrome и jQuery 1.9.1.

источник

2016-02-28 Vasilis Greece

«* Мне нужно, чтобы мой div менялся на красный цвет при использовании окна apper *», который вы имеете в виду, когда документ загружается? – Aziz

'.html()' не включает сам элемент. – JJJ

Если вы используете jQuery, вы можете просто использовать '$ (« # dvContainer »). Css (« color »,« red »);' ... это так просто ... – Aziz

Наконец-то я нашел решение !!! Тип носителя для загрузочного кода заблокировал меня и был также ошибкой, чтобы заблокировать все остальные css, которые у меня были на моей странице. Так что я сдал новый бутстрап без типа печатного носителя и теперь работает !!!

источник

2016-02-29 11:10:06

После нашей беседы, что вы хотите сделать, это правильно настроить стили печати. Добавьте это в products.css

@media print { 
    body { 
     background-color: red; 
    } 
}

источник

2016-02-28 21:03:13 christoz

Все еще ничего, я думаю, это то же самое, что и внутри. Все еще черный. –

Включили ли вы стили в настройках хромированной печати? – christoz

Нет, я не сделал ahhhh, возможно, ваше право позволяет увидеть ... где эти настройки? –

Javascript document.write CSS не применяется

ответ

Смежные вопросы