Две кнопки печати с разными стилями CSS

Question

Я занимаюсь разработкой приложения в Django.У меня есть HTML-страница, на которой мне нужно распечатать квитанцию.Есть две кнопки печати, скажем print_btn и print_btn_new (для использования 2 разных стилей).Я определил 2 таблицы стилей: print.css и print_new.css .

В разделе заголовка

<link rel="stylesheet" href="{% static 'css/print.css' %}" id="printCss" media="print">

Работает нормально.Но когда нажимается print_btn_new, печать приходит, как будто к ней не применяется CSS.

Для print_btn_new

<button id="print_btn_new" onclick="printNewOnClicked();" name="button">Print New</button>

printNewOnClicked () function:

function printNewOnClicked(){
        document.getElementById('printCss').href = '{% static 'css/print_new.css' %}';
        alert(document.getElementById('printCss').href);
        window.print();
    }

В предупреждении отображается действительный URL-адрес для print_new.css.Когда я копирую, вставляю окно предупреждения формы URL в адресную строку, он показывает правильный файл.

Answer 1

Существует проблема с вставленным вами js-кодом, во второй строке вы должны использовать escape-символы перед такими кавычками:

document.getElementById('printCss').href = '{% static \'css/print_new.css\' %}';

И также я не думаю, что изменение href таким образом фактически изменит стили CSS на вашей странице без перезагрузки.