JS - 仅从另一个文件打印 <div>答案

【问题标题】：JS - print only <div> from another fileJS - 仅从另一个文件打印 <div>
【发布时间】：2011-05-22 18:44:51
【问题描述】：

现在我正在使用 onClick="window.print(); return false;"...

但我需要从另一个文件中打印 div 内容。

示例：我有文件 buttons.html，但在这个文件中是我的打印按钮，带有 window.print()。我需要在按下此按钮时仅打印 div 内容（例如 div id=...），但来自文件 index.html .

希望你能理解我。

*请给更详细的代码，我是新手。

谢谢！

【问题讨论】：

标签： javascript file html printing

【解决方案1】：

function printDivs()
{
    var divs = document.getElementsByTagName("div");
    var text = "";

    for( var i=0; i<divs.length; i++ )
    {
        var div = divs[i];

        if (typeof(div.nodeName) !== "undefined")
        {
            text = text + div.innerHTML + "<br /><br />";
        }
    }

    document.body.innerHTML = text;

    window.print();
}

只要它在同一页面上执行，它应该可以工作。这是你的意思还是你的意思是别的？

您可以使用以下方法调用此脚本：例如打印。

【讨论】：

【解决方案2】：

这很不寻常，但肯定有可能：

// buttons.html, Using jQuery
$('button').click(function() {
  $.get('index.html', function(h) {
    $('body').html($('div#content', h).html());
    window.print();
  }, "html");
});

【讨论】：

但是我用的是图片而不是按钮，所以我的图片是这个怎么和脚本集成？
您必须自定义上面的button 和div#content 以匹配您的设置。有关jQuery 选择器的更多详细信息，请参阅this page。