多行打印

时间:2013-09-15 08:39:14

标签: javascript innerhtml

这是我的代码 - 它在一行中打印,但我希望它是多行的。请帮忙

function display() 
{

        var divElements = document.getElementById("selection").innerHTML;
        var oldPage = document.body.innerHTML;

        document.body.innerHTML = "The Ninja Centre Order Receipt" +
        document.getElementById("first").value +
        document.getElementById("last").value +
        document.getElementById("address").value +
        document.getElementById("suburb").value +
        document.getElementById("state").value +
        document.getElementById("postcode").value +
        document.getElementById("country").value +
        document.getElementById("email").value +
        document.getElementById("contact").value +
        document.getElementById("selection").value +  
        document.getElementById("result").value 

        window.print();
        document.body.innerHTML = oldPage;
}

3 个答案:

答案 0 :(得分:0)

如果您希望将这些值拆分为不同的行,则需要

  • 将每个元素包装在<p>标记中 或
  • 在每个值之后用<br>标记打破字符串 或
  • 两者的某种组合。

答案 1 :(得分:0)

在每一行的末尾添加'<br/>'。你是用html写的(通过js),其中
是换行符。

答案 2 :(得分:0)

您可能正在寻找<br/>这样的标签: -

function display() 
{

        var divElements = document.getElementById("selection").innerHTML;
        var oldPage = document.body.innerHTML;

        document.body.innerHTML = "The Ninja Centre Order Receipt" + '<br/>'+
        document.getElementById("first").value + '<br/>'+
        document.getElementById("last").value + '<br/>'+
        document.getElementById("address").value + '<br/>' +
        document.getElementById("suburb").value  + '<br/>'+
        document.getElementById("state").value + '<br/>'+
        document.getElementById("postcode").value + '<br/>'+
        document.getElementById("country").value + '<br/>'+
        document.getElementById("email").value + <br/> +
        document.getElementById("contact").value + '<br/>'+
        document.getElementById("selection").value + '<br/>'+  
        document.getElementById("result").value 

        window.print();
        document.body.innerHTML = oldPage;
}