SOURCE

console 命令行工具 X clear

                    
>
console
var html = "<div class=\"reset\"><h3 class=\"h3item\">工艺流程</h3><div id=\"par-0001\"><randomlist><listitem><para></para></listitem></randomlist></div><h3 class=\"h3item\">施工工艺要求</h3><div class=\"item\" id=\"par-0002\"><br></div><h3 class=\"h3item\">人员资格</h3><div class=\"item\" id=\"par-0003\"><br></div></div>"
function htmlToXml(xml) {
    var dom = $(xml)
    var par_0001 = $(dom).find("#par-0001");
    var lis = $(par_0001).find("li");
    var xml = "";
    for (var i = 0; i < lis.length; i++) {
        xml += "<listItem><para>" + lis[i].innerHTML + "</para></listItem>"
    }
    if (lis.length == 0) {
        xml += "<listItem><para></para></listItem>";
    }
    xml = "<div id=\"par-0001\"><randomList>" + xml + "</randomList></div>"
    $(par_0001).replaceWith(xml);

    dom = divToPara(dom);

    dom = divToProceduralStep(dom);
    dom = h3ToTitle(dom);
    
    dom = replaceToPara(dom);
    

    var par_0003 = $(dom).find("#par-0003");
    var xml_03 = $(dom).find("#par-0003")[0].innerHTML;
    $(par_0003).replaceWith("<div id=\"par-0003\"><para>" + xml_03 + "</para></div>")

    var xmls = "";
    var p_01 = $(dom).find("#par-0001")[0].innerHTML;
    var p_02 = $(dom).find("#par-0002")[0].innerHTML;
    var p_03 = $(dom).find("#par-0003")[0].innerHTML;
    xmls = "<title>工艺流程</title><para>" + p_01 + "</para>";
    xmls = "<proceduralStep>" + xmls + "</proceduralStep>";
    xmls += "<proceduralStep><title>施工工艺要求</title>" + p_02 + "</proceduralStep>";
    xmls += "<proceduralStep><title>人员资格</title>" + p_03 + "</proceduralStep>";
    console.log(xmls);
    return xmls;
}
function divToProceduralStep(dom) {
    var par_0002 = $(dom).find("#par-0002");
    
    var reset = $(par_0002[0]).find("div[class=reset]");
    for (var i = 0; i < reset.length; i++) {
       
        $(reset[i]).replaceWith("<proceduralStep>" + reset[i].innerHTML + "</proceduralStep>")
    }
    reset = $(par_0002).find("div[class=reset]");
    if (reset.length > 0) {
        return divToProceduralStep(dom);
    } else {
      
        return dom;
    }
}
function h3ToTitle(dom) {
    var par_0002 = $(dom).find("#par-0002");
    var h3 = $(par_0002).find("h3");
    for (var i = 0; i < h3.length; i++) {
        $(h3[i]).replaceWith("<title>" + h3[i].innerHTML + "</title>")
    }
    h3 = $(par_0002).find("h3");
    if (h3.length > 0) {
        return h3ToTitle(dom);
    } else {
        return dom;
    }
}
function divToPara(dom) {
    var par_0002 = $(dom).find("#par-0002");

    var item = $(par_0002).find("div[class=item]");

    for (var i = 0; i < item.length; i++) {
        $(item[i]).replaceWith("<para>" + item[i].innerHTML + "</para>")
    }
    item = $(par_0002).find("div[class=item]");
    if (item.length > 0) {
        return divToPara(dom);
    } else {

        return dom;
    }
}
function replaceToPara(dom) {
    var par_0002 = $(dom).find("#par-0002");
    var paras1 = $(par_0002).find("para");
    if (paras1.length != 0) {
        var paras2 = $(paras1).find("para")
        if (paras2.length != 0) {
            $(paras1[0]).replaceWith(paras1[0].innerHTML)
            return replaceToPara(dom);
        } else {
            return dom;
        }
    }else{
        return dom;
    }
}
htmlToXml(html);
<div name="content1" id="content1" style="width:800px">
	<div class="reset">
		<h3 class="h3item">工艺流程</h3>
		<ul id="par-0001">
			<li>&nbsp;</li>
			<li>&nbsp;</li>
			<li>&nbsp;</li>
		</ul>
		<h3 class="h3item">施工工艺要求</h3>
		<div class="item" id="par-0002">
			<div class="reset">
				<h3 class="h3item">标题1</h3>
				<div class="item">
					<div class="reset">
						<h3 class="h3item">标题</h3>
						<div class="item"><div class="reset">
						<h3 class="h3item">标题</h3>
						<div class="item">&nbsp;</div>
					</div></div>
					</div>
				</div>
			</div>
		</div>
		<h3 class="h3item">人员资格</h3>
		<p class="item" id="par-0003"><br></p>
	</div>
	</div>
.reset {
    line-height: 1.6;
    counter-reset: itemcounter;
    border: 1px dashed lightgray;
}

.item > .reset  {
    padding-left: 20px;
}



.h3item:before {
    content: counters(itemcounter,
    ".") ".";
    counter-increment: itemcounter;
}

本项目引用的自定义外部资源