-

xiyueta().debug() 属性方法

在浏览器调试面板里显示全部HTML结构
快速上手

xiyueta().debug()属性方法,两种调用方式:
1、xiyueta().debug(); //在浏览器调试面板里显示全部HTML结构
2、xiyueta().debug(true); //在浏览器里显示全部HTML结构源码

总结:打印出当前解析出来的HTML结构,以数组方法显示。html:为标记块,label: 为标记名称,lv: 为层级,tagpair: 为单双标记,upHtml: 为标记上方文本内容,downHtml: 为标记下方文本内容
尝试一下>>

  • 代码
  • 效果
<script src="http://www.xiyueta.com/js/xiyueta.min.js"></script>
<script>var html = '<!DOCTYPE html>\n\
<html lang="zh-CN">\n\
<head>\n\
  <meta charset="utf-8">\n\
  <title>xiyuetaJS开源库</title>\n\
  <link rel="stylesheet" href="css/style.css">\n\
</head>\n\
<body>\n\
  <div id="nav">\n\
      <ul>\n\
          <li>首页</li>\n\
          <li>留言</li>\n\
          <li>联系</li>\n\
        </ul>\n\
        xiyueta<br>开源库\n\
    </div>\n\
</body>\n\
</html>\n\
';
 
$().parse(html); 
$().debug();
</script>