Блог

Главная - Вопросы по программированию - Как напечатать внутренний HTML-код div

Как напечатать внутренний HTML-код div

#javascript #asp.net

#javascript #asp.net

Вопрос:

У меня есть страница aspx и немного html в элементе управления div. Я пытаюсь распечатать HTML, после печати страницы я получил URL внизу страницы и заголовок страницы на верхней стороне. но я хочу напечатать только внутренний HTML-код div. пожалуйста, помогите.

Комментарии:

1. Не могли бы вы вставить какой-нибудь код, пожалуйста?

2. вы что-нибудь пробовали? общий подход — document.getElementById(‘divID’).innerHTML, где divID — это идентификатор элемента, на который вы ориентируетесь.

3. вы не можете удалить URL снизу и заголовок сверху на печатной копии веб-страницы программно, потому что это настройки браузера..

Ответ №1:

функция PrintPage(my_DIV) {

 var headline = document.getElementById("my_DIV");



    var sStart = "<html><head>";

    var w = window.open('about:blank','printWin','width=660,height=440,scrollbars=yes');
    var wdoc = w.document;
    wdoc.open();
    wdoc.writeln(  "<meta http-equiv="Content-Type" content="text/html; charset=utf-8">");
    wdoc.writeln(  "</head><body style="background-image:none;background-color:white;">");

    wdoc.writeln(  "<div style="direction: " d "; margin: 10px">" );


    wdoc.writeln(  "<p>" );
    wdoc.writeln(  headline.innerHTML );
    wdoc.writeln(  "</p>" );

    wdoc.writeln(  "</div>" );
    wdoc.writeln(  "</body></html>");

    wdoc.close();
    w.print();

}

—ВЫЗОВИТЕ — PrintPage(div1)

Ответ №2:

Вот простой способ сделать это с помощью jQuery:

http://plugins .jquery.com/project/printElement

Ответ №3:

Используя CSS с атрибутом мультимедиа «print», вы можете скрыть части страницы, которые не хотите печатать.

Вот руководство http://www.alistapart.com/articles/goingtoprint