首页 > 其他分享 >动态加载style标签改变打印方向

动态加载style标签改变打印方向

时间:2022-10-17 10:33:29浏览次数:48  
标签:style 标签 head export styleNode print document 加载

注意innerHTM必须换行书写

export function setStyle (direction) {
  const styleNode = document.createElement('style')
  styleNode.setAttribute('id', 'print-style')
  styleNode.setAttribute('type', 'text/css')
  styleNode.innerHTML = `
    @media print { 
        @page {
            size: A4 ${direction};
        }
    }
    `
  window.document.head.appendChild(styleNode)
}
export function removeStyle () {
  const styleNode = document.querySelector('#print-style')
  window.document.head.removeChild(styleNode)
}

标签:style,标签,head,export,styleNode,print,document,加载
From: https://www.cnblogs.com/whh666/p/16798248.html

相关文章