亚洲爱爱爱,五月婷丁香,差差软件

Lodop不支持css樣式after、before添加content內(nèi)容之前和之后

當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流 →『技術(shù)文檔交流』

admin

2023年9月26日 0:12 本文熱度 966

css樣式可以在內(nèi)容之前和之后加內(nèi)容。
格式是：
css類名:before{content:在之前加的內(nèi)容}
css類名:after{content:在之后加的內(nèi)容}
這種寫法在LODOP里直接測(cè)試是不行的，所以建議用其他方法所代替，例如用JS，或字符串直接拼接。
content:attr(class);可以用類型，在JS中，可用:對(duì)象.className獲取到類名。

測(cè)試代碼：

<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è)計(jì)可以顯示，預(yù)覽出現(xiàn)問(wèn)題。
用JS給前后內(nèi)容加上的，預(yù)覽正常。
（建議不用after，before和content給內(nèi)容前后加內(nèi)容，可以用JS或其他方式實(shí)現(xiàn)）

該文章在 2023/9/26 0:12:15 編輯過(guò)

關(guān)鍵字查詢

相關(guān)文章

正在查詢...

點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。

點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點(diǎn)，圍繞調(diào)度、堆場(chǎng)作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。

點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi)，不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。

狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

Lodop不支持css樣式after、before添加content內(nèi)容之前和之后