<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title type="text">博客园_我是郭大侠</title><subtitle type="text"/><id>http://feed.cnblogs.com/blog/u/19052/rss</id><updated>2010-12-06T08:20:30Z</updated><author><name>郭大侠</name><uri>http://www.cnblogs.com/guodaxia/</uri></author><generator>feed.cnblogs.com</generator><link rel="alternate" type="text/html" href="http://www.cnblogs.com/guodaxia/"/><link rel="self" type="application/atom+xml" href="http://feed.cnblogs.com/blog/u/19052/rss"/><entry><id>http://www.cnblogs.com/guodaxia/archive/2010/12/06/1897857.html</id><title type="text">【原创】还有比我这更简单的静态树吗?</title><summary type="text">将dl变成静态树，简单的静态树结构</summary><published>2010-12-06T08:13:00Z</published><updated>2010-12-06T08:13:00Z</updated><author><name>郭大侠</name><uri>http://www.cnblogs.com/guodaxia/</uri></author><link rel="alternate" href="http://www.cnblogs.com/guodaxia/archive/2010/12/06/1897857.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/guodaxia/archive/2010/12/06/1897857.html"/><content type="html">&lt;div style="background-color: #F5F5F5;border: 1px solid #CCCCCC;padding:10px;"&gt;&lt;div&gt;&lt;!--&lt;br/&gt;&lt;br/&gt;Code highlighting produced by Actipro CodeHighlighter (freeware)&lt;br/&gt;http://www.CodeHighlighter.com/&lt;br/&gt;&lt;br/&gt;--&gt;&lt;span style="color: #0000ff"&gt;&amp;nbsp;&amp;nbsp; coding这么多年，我居然不知道有"dl"这种html标记，惭愧啊，今天偶然发现，觉得好玩，如是我为它添加了折叠功能，变成了一颗静态树，谁有兴趣的话可以改成动态加载数据，或者用jquery，代码肯定会少很多！我发现添加一些css，这棵树在静态页面还是大有用途的！&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;!&lt;/span&gt;&lt;span style="color: #ff00ff"&gt;DOCTYPE&amp;nbsp;html&amp;nbsp;PUBLIC&amp;nbsp;"-//W3C//DTD&amp;nbsp;XHTML&amp;nbsp;1.0&amp;nbsp;Transitional//EN"&amp;nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;html&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000"&gt;xmlns&lt;/span&gt;&lt;span style="color: #0000ff"&gt;="http://www.w3.org/1999/xhtml"&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;head&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;style&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000"&gt;type&lt;/span&gt;&lt;span style="color: #0000ff"&gt;="text/css"&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #800000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;.expand&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;{&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #ff0000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;cursor&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;:&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;pointer&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #ff0000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;}&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #800000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;.hide&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;{&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #ff0000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;cursor&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;:&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;pointer&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #ff0000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;}&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #800000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;style&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;script&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000"&gt;type&lt;/span&gt;&lt;span style="color: #0000ff"&gt;="text/javascript"&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;function&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;toggleChild(o)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;var&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;cls&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;o.getAttribute(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;class&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;if&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;(cls&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;==&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;expand&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;var&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;sb&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;o.nextSibling;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;if&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;(window.innerWidth)&amp;nbsp;sb&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;sb.nextSibling;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;while&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;(sb&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;!=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;null&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;amp;&amp;amp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;sb.tagName.toLowerCase()&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;==&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;'&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;dd&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;'&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;sb.style.display&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;none&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;sb&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;sb.nextSibling;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;if&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;(window.innerWidth)&amp;nbsp;sb&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;sb.nextSibling;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;o.removeAttribute(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;class&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;o.setAttribute(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;class&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;,&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;hide&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;if&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;(window.innerWidth)&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #008000"&gt;//&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #008000"&gt;ff&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #008000"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;o.textContent&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;田&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;+&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;o.textContent.substring(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;1&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;else&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;o.innerText&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;田&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;+&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;o.innerText.substring(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;1&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;else&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;var&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;sb&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;o.nextSibling;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;if&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;(window.innerWidth)&amp;nbsp;sb&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;sb.nextSibling;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;while&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;(sb&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;!=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;null&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;amp;&amp;amp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;sb.tagName.toLowerCase()&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;==&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;'&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;dd&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;'&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;sb.style.display&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;""&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;sb&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;sb.nextSibling;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;if&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;(window.innerWidth)&amp;nbsp;sb&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;sb.nextSibling;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;o.removeAttribute(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;class&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;o.setAttribute(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;class&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;,&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;expand&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;if&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;(window.innerWidth)&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #008000"&gt;//&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #008000"&gt;ff&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #008000"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;o.textContent&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;曰&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;+&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;o.textContent.substring(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;1&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;else&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;o.innerText&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;曰&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;+&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;o.innerText.substring(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;1&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;function&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;maketree(obj)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;var&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;dts&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;obj.getElementsByTagName(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;'&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;dt&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;'&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;for&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;var&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;i&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;0&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;;&amp;nbsp;i&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;lt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;dts.length;&amp;nbsp;i&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;++&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;dts[i].setAttribute(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;class&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;,&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;expand&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;if&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;(window.innerWidth)&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #008000"&gt;//&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #008000"&gt;ff&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #008000"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;dts[i].textContent&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;曰&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;+&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;dts[i].textContent;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;else&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;dts[i].innerText&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;曰&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;+&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;dts[i].innerText;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;dts[i].onclick&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;function&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;()&amp;nbsp;{&amp;nbsp;toggleChild(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;this&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;);&amp;nbsp;};&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;window.onload&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;=&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #0000ff"&gt;function&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;()&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;maketree(document.getElementById(&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;tree&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;"&lt;/span&gt;&lt;span style="background-color: #f5f5f5; color: #000000"&gt;));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;};&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;script&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;head&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;body&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;h3&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;定义列表也能变成一棵树：&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;h3&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dl&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000"&gt;id&lt;/span&gt;&lt;span style="color: #0000ff"&gt;="tree"&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dt&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;菜单1&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dt&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;1.1&amp;nbsp;aaa&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;1.2&amp;nbsp;bbb&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;1.3&amp;nbsp;ccc&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dt&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;菜单2&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dt&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;2.1&amp;nbsp;你好&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff"&gt;='http://www.baidu.com'&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;超链接&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dt&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;菜单3&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dt&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dl&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000"&gt;style&lt;/span&gt;&lt;span style="color: #0000ff"&gt;="margin-top:2px;&amp;nbsp;margin-bottom:2px;"&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dt&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;3.1&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dt&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff"&gt;="http://news.baidu.com"&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;百度新闻&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff"&gt;="http://news.sohu.com"&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;搜狐新闻&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dt&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;3.2&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dt&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff"&gt;="http://news.baidu.com"&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;百度新闻&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff"&gt;="http://news.sohu.com"&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;搜狐新闻&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dl&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dd&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;dl&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;body&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000"&gt;html&lt;/span&gt;&lt;span style="color: #0000ff"&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;img src="http://www.cnblogs.com/guodaxia/aggbug/1897857.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/guodaxia/archive/2010/12/06/1897857.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/guodaxia/archive/2010/11/25/1887415.html</id><title type="text">asp.net获得路径的方法</title><summary type="text">HttpContext.Current.Request.PhysicalPath; // 获得当前页面的完整物理路径.比如F:\XFU.NSQS\project\website\Default.aspxHttpContext.Current.Request.PhysicalApplicationPath; // 获得当前程序运行的物理路径比如F:\XFU.NSQS\project\website\...</summary><published>2010-11-25T02:54:00Z</published><updated>2010-11-25T02:54:00Z</updated><author><name>郭大侠</name><uri>http://www.cnblogs.com/guodaxia/</uri></author><link rel="alternate" href="http://www.cnblogs.com/guodaxia/archive/2010/11/25/1887415.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/guodaxia/archive/2010/11/25/1887415.html"/><content type="html">&lt;p&gt;HttpContext.Current.Request.PhysicalPath;&amp;nbsp;&amp;nbsp;&amp;nbsp; // 获得当前页面的完整物理路径.比如&lt;/p&gt;&lt;p&gt;F:\XFU.NSQS\project\website\Default.aspx&lt;br /&gt;HttpContext.Current.Request.PhysicalApplicationPath; // 获得当前程序运行的物理路径比&lt;/p&gt;&lt;p&gt;如F:\XFU.NSQS\project\website\&lt;br /&gt;HttpContext.Current.Server.MapPath(@"\"); 这个就是在页面中的MapPath了.一样用法&lt;/p&gt;&lt;p&gt;HttpRuntime.AppDomainAppPath //这个是新发现的,很好用.&lt;/p&gt;&lt;p&gt;还有一个是用来处理在asp.net中调用dll文件,而DLL文件如果想知道当前的web站点的工作目录可&lt;/p&gt;&lt;p&gt;以用&lt;br /&gt;System.AppDomain.CurrentDomain.BaseDirectory&lt;/p&gt;&lt;p&gt;网站在服务器磁盘上的物理路径: HttpRuntime.AppDomainAppPath&lt;br /&gt;虚拟程序路径: HttpRuntime.AppDomainAppVirtualPath&lt;/p&gt;&lt;p&gt;HttpContext.Current.Request.ApplicationPath虚拟应用程序根路径 &lt;br /&gt;HttpContext.Current.Server.MapPath(".")当前的绝对路径 &lt;br /&gt;HttpContext.Current.Server.MapPath(HttpContext.Current.Request.ApplicationPath)系统的&lt;/p&gt;&lt;p&gt;根目录&lt;/p&gt;&lt;p&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("当前请求的虚拟路径: {0}",Server.HtmlEncode&lt;/p&gt;&lt;p&gt;(Request.CurrentExecutionFilePath)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("获取当前应用程序的根目录路径: {0}",&lt;/p&gt;&lt;p&gt;Server.HtmlEncode(Request.ApplicationPath)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("当前请求的虚拟路径: {0}",Server.HtmlEncode&lt;/p&gt;&lt;p&gt;(Request.FilePath)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("当前请求的虚拟路径: {0}",Server.HtmlEncode&lt;/p&gt;&lt;p&gt;(Request.Path)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("获取当前正在执行的应用程序的根目录的物理文件系统路径:&lt;/p&gt;&lt;p&gt;{0}", Server.HtmlEncode(Request.PhysicalApplicationPath)));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("获取与请求的 URL 相对应的物理文件系统路径: {0}",&lt;/p&gt;&lt;p&gt;Server.HtmlEncode(Request.PhysicalApplicationPath)));&lt;/p&gt;&lt;p&gt;当前请求的虚拟路径: /aDirectory/Sample/responseHtml.aspx&lt;br /&gt;获取当前应用程序的根目录路径: /aDirectory&lt;br /&gt;当前请求的虚拟路径: /aDirectory/Sample/responseHtml.aspx&lt;br /&gt;当前请求的虚拟路径: /aDirectory/Sample/responseHtml.aspx&lt;br /&gt;获取当前正在执行的应用程序的根目录的物理文件系统路径: E:\Visual Studio 2005\&lt;br /&gt;获取与请求的 URL 相对应的物理文件系统路径: E:\Visual Studio 2005\\aDirectory\&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("获取项目完整的绝对路径: {0}",&lt;/p&gt;&lt;p&gt;System.AppDomain.CurrentDomain.BaseDirectory.ToString()));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //仅在尝试向此域中加载程序集之后，此属性才可用&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("获取项目,它由程序集冲突解决程序用来探测动态创建的&lt;/p&gt;&lt;p&gt;程序集: {0}", System.AppDomain.CurrentDomain.DynamicDirectory));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("获取磁盘上指向应用程序目录的物理路径。: {0}",&lt;/p&gt;&lt;p&gt;System.Web.Hosting.HostingEnvironment.ApplicationPhysicalPath));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("获取应用程序的虚拟根路径: {0}",&lt;/p&gt;&lt;p&gt;System.Web.Hosting.HostingEnvironment.ApplicationVirtualPath));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("获取站点的名称。: {0}",&lt;/p&gt;&lt;p&gt;System.Web.Hosting.HostingEnvironment.SiteName));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //sb.Append(string.Format("获取此应用程序的虚拟路径提供程序。: {0}",&lt;/p&gt;&lt;p&gt;System.Web.Hosting.HostingEnvironment.VirtualPathProvider));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; sb.Append(string.Format("返回与 Web 服务器上的指定虚拟路径相对应的物理文件&lt;/p&gt;&lt;p&gt;路径。: {0}", Server.MapPath("sss.aspx")));&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;转自：&lt;a href="http://www.cnblogs.com/zhyt1985/archive/2009/10/29/1592245.html"&gt;http://www.cnblogs.com/zhyt1985/archive/2009/10/29/1592245.html&lt;/a&gt;&lt;/p&gt; &lt;img src="http://www.cnblogs.com/guodaxia/aggbug/1887415.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/guodaxia/archive/2010/11/25/1887415.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/guodaxia/archive/2010/04/04/1704364.html</id><title type="text">用表格实现简单网站左侧导航</title><summary type="text">表格实现网站左侧导航</summary><published>2010-04-04T13:40:00Z</published><updated>2010-04-04T13:40:00Z</updated><author><name>郭大侠</name><uri>http://www.cnblogs.com/guodaxia/</uri></author><link rel="alternate" href="http://www.cnblogs.com/guodaxia/archive/2010/04/04/1704364.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/guodaxia/archive/2010/04/04/1704364.html"/><content type="text">表格实现网站左侧导航</content></entry><entry><id>http://www.cnblogs.com/guodaxia/archive/2010/03/25/1695464.html</id><title type="text">div里面套3个div，居中显示，兼容ie6-8，ff，咋就这么麻烦呢</title><summary type="text">弄了半天，终于好了，记录下来。[代码]</summary><published>2010-03-25T09:07:00Z</published><updated>2010-03-25T09:07:00Z</updated><author><name>郭大侠</name><uri>http://www.cnblogs.com/guodaxia/</uri></author><link rel="alternate" href="http://www.cnblogs.com/guodaxia/archive/2010/03/25/1695464.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/guodaxia/archive/2010/03/25/1695464.html"/><content type="text">弄了半天，终于好了，记录下来。[代码]</content></entry><entry><id>http://www.cnblogs.com/guodaxia/archive/2010/03/13/1684979.html</id><title type="text">网站设计之asp.net网站多语言版本</title><summary type="text">摘自：http://www.cnblogs.com/uuwish/archive/2008/03/05/1090995.html一、项目概述1、目的 利用资源文件解决网站多语言版本的问题，在制作网站的时候，经常会遇到多种语言的版本，早期在asp的系统当中，很多网站开发师都会用传统的方法来开发，就是将同一套程序复制两份，功能是实现了，但往往后期的维护带来很大的麻烦，而在asp.net的时代，做这样的...</summary><published>2010-03-13T03:29:00Z</published><updated>2010-03-13T03:29:00Z</updated><author><name>郭大侠</name><uri>http://www.cnblogs.com/guodaxia/</uri></author><link rel="alternate" href="http://www.cnblogs.com/guodaxia/archive/2010/03/13/1684979.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/guodaxia/archive/2010/03/13/1684979.html"/><content type="text">摘自：http://www.cnblogs.com/uuwish/archive/2008/03/05/1090995.html一、项目概述1、目的 利用资源文件解决网站多语言版本的问题，在制作网站的时候，经常会遇到多种语言的版本，早期在asp的系统当中，很多网站开发师都会用传统的方法来开发，就是将同一套程序复制两份，功能是实现了，但往往后期的维护带来很大的麻烦，而在asp.net的时代，做这样的...</content></entry><entry><id>http://www.cnblogs.com/guodaxia/archive/2009/12/25/1632025.html</id><title type="text">vs2005常用快捷键</title><summary type="text">vs2005常用快捷键:/Files/guodaxia/vs2005快捷键.txt</summary><published>2009-12-25T05:11:00Z</published><updated>2009-12-25T05:11:00Z</updated><author><name>郭大侠</name><uri>http://www.cnblogs.com/guodaxia/</uri></author><link rel="alternate" href="http://www.cnblogs.com/guodaxia/archive/2009/12/25/1632025.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/guodaxia/archive/2009/12/25/1632025.html"/><content type="text">vs2005常用快捷键:/Files/guodaxia/vs2005快捷键.txt</content></entry><entry><id>http://www.cnblogs.com/guodaxia/archive/2009/12/10/1621147.html</id><title type="text">Repeater显示父子表数据,无闪烁</title><summary type="text">Asp.Net Repeater 父子表 无闪烁</summary><published>2009-12-10T07:38:00Z</published><updated>2009-12-10T07:38:00Z</updated><author><name>郭大侠</name><uri>http://www.cnblogs.com/guodaxia/</uri></author><link rel="alternate" href="http://www.cnblogs.com/guodaxia/archive/2009/12/10/1621147.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/guodaxia/archive/2009/12/10/1621147.html"/><content type="text">Asp.Net Repeater 父子表 无闪烁</content></entry><entry><id>http://www.cnblogs.com/guodaxia/archive/2009/12/07/1618711.html</id><title type="text">jquery学习相关</title><summary type="text">1.http://jqueryui.com/demos/sortable/[jquery插件实例]2.http://www.cnblogs.com/Terrylee/archive/2007/12/09/the-ultimate-jquery-plugin-list.html[强烈推荐：240多个jQuery插件]3.http://jquery-api-zh-cn.googlecode.com/s...</summary><published>2009-12-07T08:09:00Z</published><updated>2009-12-07T08:09:00Z</updated><author><name>郭大侠</name><uri>http://www.cnblogs.com/guodaxia/</uri></author><link rel="alternate" href="http://www.cnblogs.com/guodaxia/archive/2009/12/07/1618711.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/guodaxia/archive/2009/12/07/1618711.html"/><content type="text">1.http://jqueryui.com/demos/sortable/[jquery插件实例]2.http://www.cnblogs.com/Terrylee/archive/2007/12/09/the-ultimate-jquery-plugin-list.html[强烈推荐：240多个jQuery插件]3.http://jquery-api-zh-cn.googlecode.com/s...</content></entry><entry><id>http://www.cnblogs.com/guodaxia/archive/2009/06/25/1510888.html</id><title type="text">show div and mouse can move on the div</title><summary type="text">show div and move on div</summary><published>2009-06-25T05:05:00Z</published><updated>2009-06-25T05:05:00Z</updated><author><name>郭大侠</name><uri>http://www.cnblogs.com/guodaxia/</uri></author><link rel="alternate" href="http://www.cnblogs.com/guodaxia/archive/2009/06/25/1510888.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/guodaxia/archive/2009/06/25/1510888.html"/><content type="text">show div and move on div</content></entry><entry><id>http://www.cnblogs.com/guodaxia/archive/2009/06/24/1510248.html</id><title type="text">js map</title><summary type="text">只能在IE下玩啊.[代码]</summary><published>2009-06-24T07:09:00Z</published><updated>2009-06-24T07:09:00Z</updated><author><name>郭大侠</name><uri>http://www.cnblogs.com/guodaxia/</uri></author><link rel="alternate" href="http://www.cnblogs.com/guodaxia/archive/2009/06/24/1510248.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/guodaxia/archive/2009/06/24/1510248.html"/><content type="text">只能在IE下玩啊.[代码]</content></entry></feed>
