怎么在idea里直接预览一个jsp页面，而不需要启动tomcat
1、jtree是基于jquery插件的，所以我们必须先引入jquery脚本库。
2、然后我们需要在jsp页面里先引入jtree的脚本文件，还有对应的样式文件。
3、在html里，我们在一个div里，创建一个ul控件，并用li来创建树结点数据，一个li就是一个树结点了。当然这些数据可以是jsp的后台数据，循环显示出来，只要html结构一样就行了。
4、如果需要子结点的，我们就在li标签里，再嵌套一个ul列表就行了，结构同样和外层的一样。
5、最后，我们在页面加载完成的函数里，初始化这个树控件就行了，直接调用jtree方法。
6、运行页面，我们就可以看到一棵树控件了。
html元素和dom元素区别
HTML属性和DOM属性的区别：
1、对于浏览器引擎而言，并不存在"HTML标签"这回事，本质是DOM节点对象，也不存在"HTML文档"这回事，其本质是DOM节点对象组成的文档树。浏览器引擎才是实际存储和渲染DOM节点对象的"大爷"。只是我们无法直接操作浏览器引擎，所以对这个本质并不熟悉（其实也不需要知道，但是得知道）。
2、DOM节点对象是唯一的，但操作DOM节点对象的数据，却不止有一种方法。例如对于一个图像的宽度：
HTML可以通过<img>的width属性去定义；
JavaScript可以通过element.width去读取和修改；
别忘了CSS，CSS也可以通过width属性去修改。
HTML属性和JavaScript的DOM对象的属性，本质上都只是影响DOM节点对象数据的众多理由之一。
多个原因影响同一个DOM节点的实质数据（多对一），请务必你记住这个本质理由。
区别如下：
1）HTML元素的属性大家都应该知道，比如：<img>元素的id、src等。
2）最终浏览器会解析HTML，构建DOM模型，也就是说浏览器会解析HTML元素为DOM元素。
3）JavaScript中获取到的都是DOM元素，而不是HTML元素。
4）HTML元素属性和DOM属性的名称大部分都相同，所以导致很多人错误的认为两者是相同的。
5）区分HTML元素属性和DOM属性曾经是一件很考验经验和记忆力的事情，但是现在通过JQuery的attr()函数就可以忘记这些差异。