gpt4 book ai didi

javascript - 将 2 个 div 附加到一个 div 中以使用 javascript 打印它们

转载 作者:行者123 更新时间:2023-11-28 18:53:59 25 4
gpt4 key购买 nike

我有这段代码可以帮助我打印 div:

 function printData()
{
var divToPrint=document.getElementById("section2");
newWin= window.open("");
newWin.document.write(divToPrint.outerHTML);




var css = "table, td, th { \n"+
" border: 1px solid black; \n"+
" txt-align:justify; \n"+
"} \n"+
"th { \n"+
" background-color: #7a7878; \n"+
" text-align:center; \n"+
"}";
var div = $("<div />", {
html: '&shy;<style>' + css + '</style>'
}).appendTo( newWin.document.body);
//newWin.document.createStyleSheet('http:127.0.0.1/clinic form/table.css');

newWin.print();


newWin.close();
}

$('button').on('click',function(){
$("th").css("background-color", "red");
//$("th:contains('Exceeds')").addClass('table');
printData();
});


$('button').on('click',function(){
printData();
})// JavaScript Document

我想将 2 个 div 连接成一个,然后打印它们,我尝试添加以下代码:

var content1 = document.getElementById('section2').innerHTML;
var content2 = document.getElementById('header').innerHTML;

// create our new div, pop the content in it, and give it an id
var combined = document.createElement('div');
combined.innerHTML = content1 + " " + content2; // a little spacing
combined.id = 'new';
document.getElementById('container').appendChild(combined);

这是我的 html 代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>print page</title>
<link rel="stylesheet" href="../include/stat.css" type="text/css">
<script type="text/javascript" src="/clinic form/include/jquery.min.js"></script>
<script type="application/javascript" src="../include/printing.js"></script>
</head>
<body>
<div id="container">
<div id="header"> <a href="../projDetails.php?id=<?php echo $id ?>"><img src="../images/logo.jpg"></a> </div>
<center>
<a href="../logout.php">Logout</a>
<br /> <br />
<form action="" method="post" name="daily_report">
<input type="date" name="Date"/>
<input type="submit" name="submitDate" value="Generate Report" />
</form>
<?php
...
?>
<div id="section2" align="center">
<table border="1" cellpadding="2" cellspacing="1" align="center" dir="rtl">
<tr>
...

但我收到以下错误:

Uncaught TypeError: Cannot read property 'appendChild' of null

编辑:现在我没有任何错误,但仍然无法合并 2 来打印它们我在底部找到了该页面的链接,我需要从打印纸上删除 enter image description here

最佳答案

回复您的编辑:

我假设您正在使用 Google Chrome 来打印该页面。当您按下 Ctrl+P 时,您会在左侧看到打印预览和一堆选项。如果按“+”按钮,您会看到更多选项。在那里你有一个“页眉和页脚”选项。删除该选项中的勾,您应该能够打印没有底部 URL 的页面。

希望有帮助。

关于javascript - 将 2 个 div 附加到一个 div 中以使用 javascript 打印它们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33997016/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com