香港aa三级久久三级老师,国产资源网,黄视频在线观看www免费

^{<menu id="ec0wk"></menu>}

Lodop不支持css樣式after、before添加content內容之前和之后

當前位置：點晴教程→知識管理交流 →『技術文檔交流』

admin

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

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

測試代碼：

<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標簽里的內容</p>
</div>
<div id="div2">
<p class="c2" id="c2">這是p標簽里的內容</p>
</div>
<a href="javascript:prn1_preview()">content前后加內容</a><br>
<a href="javascript:prn2_preview()">innerHTML前后加內容</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給內容前后加上的，打印設計可以顯示，預覽出現問題。
用JS給前后內容加上的，預覽正常。
（建議不用after，before和content給內容前后加內容，可以用JS或其他方式實現）

該文章在 2023/9/26 0:12:15 編輯過

關鍵字查詢

正在查詢...

點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。

點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。

點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。

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

Lodop不支持css樣式after、before添加content內容之前和之后

Lodop不支持css樣式after、before添加content內容之前和之后