Lodop不支持css樣式after、before添加content內(nèi)容之前和之后
當(dāng)前位置:點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
css樣式可以在內(nèi)容之前和之后加內(nèi)容。 測試代碼: <script language="javascript" src="LodopFuncs.js"></script> <style id="style1"> .c1:after { content:attr(class); } .c1:before { content:"之前"; } .c2{color:blue;} </style> </head> <body> <div id="div1"> <p class="c1" id="c1">這是p標(biāo)簽里的內(nèi)容</p> </div> <div id="div2"> <p class="c2" id="c2">這是p標(biāo)簽里的內(nèi)容</p> </div> <a href="javascript:prn1_preview()">content前后加內(nèi)容</a><br> <a href="javascript:prn2_preview()">innerHTML前后加內(nèi)容</a><br> <script language="javascript" type="text/javascript"> var LODOP; //聲明為全局變量 function prn1_preview() { LODOP=getLodop(); LODOP.PRINT_INIT(""); var strBodyStyle="<style>"+document.getElementById("style1").innerHTML+"</style>"; var strDivHtml=strBodyStyle+"<body>"+document.getElementById("div1").innerHTML+"</body>"; LODOP.ADD_PRINT_HTM(10,10,300,200,strDivHtml); LODOP.PREVIEW(); }; function prn2_preview() { LODOP=getLodop(); LODOP.PRINT_INIT(""); var p=document.getElementById("c2"); console.log(p); var strp=p.innerHTML; console.log(strp); var classP=p.className; console.log(classP); p.innerHTML="之前"+strp+classP; LODOP.ADD_PRINT_HTM(10,10,300,200,document.getElementById("c2").innerHTML); LODOP.PREVIEW(); }; </script> </body> 圖示: 用after、before和content給內(nèi)容前后加上的,打印設(shè)計可以顯示,預(yù)覽出現(xiàn)問題。 該文章在 2023/9/26 0:12:15 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |