【问题标题】:Multi line print多行打印
【发布时间】:2013-09-19 13:40:14
【问题描述】:

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

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;
}

【问题讨论】:

    标签: javascript innerhtml


    【解决方案1】:

    您可能正在寻找这样的<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;
    }
    

    【讨论】:

      【解决方案2】:

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

      • 将每个元素包装在&lt;p&gt; 标记中 或
      • 在每个值后用&lt;br&gt; 标记将字符串分解 或
      • 两者的某种组合。

      【讨论】:

        【解决方案3】:

        在每行末尾添加'&lt;br/&gt;'。您正在用 html(通过 js)编写,其中
        是换行符。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2020-09-03
          • 2016-06-13
          相关资源
          最近更新 更多