print.js根据数据构造打印dom
时间: 2023-08-12 11:04:32 浏览: 50
要根据数据构造打印DOM,您可以使用JavaScript的DOM操作方法来创建和修改DOM元素。
首先,您需要创建一个包含打印内容的数据对象。例如:
```javascript
var printData = {
title: '打印标题',
content: '打印内容'
};
```
接下来,您可以使用JavaScript中的DOM操作方法来创建和修改DOM元素。例如:
```javascript
var printContainer = document.createElement('div');
printContainer.classList.add('print-container');
var title = document.createElement('h1');
title.innerText = printData.title;
var content = document.createElement('p');
content.innerText = printData.content;
printContainer.appendChild(title);
printContainer.appendChild(content);
document.body.appendChild(printContainer);
```
以上代码将创建一个包含打印标题和内容的div元素,并将其添加到页面的body元素中。您可以使用CSS来样式化打印内容。
最后,您可以使用window.print()方法来触发浏览器的打印功能:
```javascript
window.print();
```