[Lodop]는 CSS 스타일 전에 전후 콘텐츠 콘텐츠를 추가 한 후

CSS 스타일은 이전과 콘텐츠를 추가 한 후 컨텐츠 수 있습니다.
형식은 다음과 같습니다
CSS 클래스 이름 : {내용 : 추가하기 전에 내용} 전에
CSS 클래스 이름 : 후 {내용 : 내용을 첨가 한 후}
다른 방법을 직접 테스트가 충분하지 않습니다 LODOP 이러한 문구로 대체, 그것은 권장 직접 JS 또는 문자열을 꿰매 예.
함량 ATTR (클래스) JS 가능 입력 할 수 객체 클래스 이름을 취득 .ClassName과.
테스트 코드 :

< 스크립트 언어 = "자바 스크립트" SRC = "LodopFuncs.js" > </ 스크립트 > 
< 스타일 ID = "을 Style1" > 
.c1 : 후 
{ 
내용 : ATTR (클래스) ; 
} 
.c1 : 전에 
{ 
내용 : "之前" ; 
} 
.c2 { 색상 : 블루 ; } 
</ 스타일 > 
</ 머리 > 
< 몸 > 
< DIV ID = "div1" >
클래스 = "C1" 언급 ID 상술 = "C1" > 이것은 p 태그 콘텐츠 인 </ P는 > 
</ DIV > 
< DIV 언급 ID 위 = "DIV2" > 
< P의 클래스 = "C2" 언급 ID 위 = "C2" > 이 P이고 콘텐츠 태그 </ P > 
</ DIV > 
< href를 = "자바 스크립트 : prn1_preview ()" > 전 및 부가 컨텐츠 콘텐츠 후 </ > < BR > < href를 = "자바 스크립트 (prn2_preview)"> 전과 후의 innerHTML을 부가 컨텐츠 </
> < BR > 
< 스크립트 언어 = "자바 스크립트" 유형 = "텍스트 / 자바 스크립트" >    
        var에 LODOP; // 声明为全局变量
    함수 prn1_preview () { 
        LODOP = getLodop (); 
        LODOP.PRINT_INIT ( "" );
        VAR strBodyStyle = " <스타일> " + document.getElementById를 ( " 을 Style1 " ) .innerHTML + " </ 스타일> " ;
        + ' <body> " + document.getElementById를 ( " div1 " ) .innerHTML + " </ body> " ; 
        LODOP.ADD_PRINT_HTM ( 10 , 10 , 300 , 200 , strDivHtml); 
        LODOP.PREVIEW ();    
    }; 
    함수 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 ();    
    }; 
</ 스크립트 >  
</ 몸 >

아이콘 :

내용을 추가하기 전에 내용, 이후로 인쇄 디자인은 문제를 미리 보여줄 수있는 전후.
전과 사용 후 JS 콘텐츠, 일반 미리보기를 추가 할 수 있습니다.
(이전 및 콘텐츠 후, JS 또는 다른 구현 될 수있는 콘텐츠를 추가하기 전에 내용 난 후 권장하지 않습니다)

[Lodop]는 CSS 스타일 전에 전후 콘텐츠 콘텐츠를 추가 한 후

추천