unXpah反转xpath路径表达式为html结构(一)

反转xpath路径表达式为html结构(一)：单层标签反转解析；

var unXpath = function (X){

var A = X.split( / \]\[|\[|\] / ); // 属性分组处理

A[ 0 ] = A[ 0 ].replace( / (#)(\w+(?=(\s|\.|\[|$))) / , ' id="$2" ' ); // 转换ID

A[ 0 ] = A[ 0 ].replace( / (\.)(\S+(?=($))) / , ' class="$2" ' ).replace( / \. / g, " " ); // 转换class

var T = ' <{a}></{b}> ' .replace( / {a} / ,A.join( " " )).replace( / {b} / ,A[ 0 ].split( " " )[ 0 ]); // 组合生成html完整结构

return T.replace( / (\s>|\s{2}\ / > ) / ,">").replace( / ( >< \ / )(input|img|br)(>) / , " /> " ); // 单闭合标签处理

}

alert(unXpath( ' div#I.me.she.he[id="info"][title="小web"] ' ));

// 返回<div id="info" class="me she he" title="小web"></div>

alert(unXpath( ' input#Ta.she[type="text"][title="小web"] ' ));

// 返回<input type="text" id="Ta" class="she" title="小web" />

alert(unXpath( ' input#menu ' ));

// 返回<input id="menu" />

alert(unXpath( ' br ' ));

// 返回<br />

alert(unXpath( ' img[src="i.gif"] ' ));

// 返回<img src="i.gif" alt="" />

转载于:https://www.cnblogs.com/littleweb/archive/2010/11/28/1890623.html