HTML DOM 节点

在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML。

DOM 节点

根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点

    HTML DOM 节点树

    HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树:

    HTML DOM Tree 实例
HTML DOM 节点
文章图片


HTML DOM Node Tree

通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素(节点)均可被修改,也可以创建或删除节点。

节点父、子和同胞

节点树中的节点彼此拥有层级关系。

父(parent)、子(child)和同胞(sibling)等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞(兄弟或姐妹)。

  • 在节点树中,顶端节点被称为根(root)
  • 每个节点都有父节点、除了根(它没有父节点)
  • 一个节点可拥有任意数量的子
  • 同胞是拥有相同父节点的节点

    下面的图片展示了节点树的一部分,以及节点之间的关系:
HTML DOM 节点
文章图片


DOM 节点关系

请看下面的 HTML 片段:

DOM 教程 - 锐客网 DOM 第一课Hello world!

 
从上面的 HTML 中:

节点没有父节点;它是根节点

和 的父节点是节点

文本节点 "Hello world!" 的父节点是 节点

并且:

节点拥有两个子节点: 和

节点拥有一个子节点: 节点<br><br><title> 节点也拥有一个子节点:文本节点 "DOM 教程"<br><br>和 节点是同胞节点,同时也是 <body> 的子节点<br><br>并且:<br><br>元素是元素的首个子节点<br><br><body> 元素是元素的最后一个子节点<br><br>元素是 <body> 元素的首个子节点<br><br><strong>【HTML DOM 节点】</strong> 元素是 <body> 元素的最后一个子节点<br><br>注意:<br><br>DOM 处理中的常见错误是希望元素节点包含文本。<br><br>在本例中:<title>DOM 教程 - 锐客网,元素节点 ,包含值为 "DOM 教程" 的文本节点。<br><br>可通过节点的 innerHTML 属性来访问文本节点的值。<br><br>您将在稍后的章节中学习更多有关 innerHTML 属性的知识。<br /></p> <div class="dede_pages"><ul></ul></div> <div class="pcd_ad"> <center><div class="_ahwullr0ac"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6834461", container: "_ahwullr0ac", async: true }); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script></center> </div> <div class="mbd_ad"> <div style=margin-top:10px;margin-bottom:10px;> <div class="_i7aftr79jl"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u5950612", container: "_i7aftr79jl", async: true }); </script> <!-- ½űֻһ --> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script> </div> </div> <h3>推荐阅读</h3> <ul class="post-loop post-loop-default cols-0"> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3709416.html" title="构成职务侵占罪会如何追究责任?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="构成职务侵占罪会如何追究责任?" src="http://img.readke.com/231217/2029132445-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3709416.html"> <b>构成职务侵占罪会如何追究责任? </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2990531.html" title="红梅树修剪时间和方法 刚买的红梅盆栽养殖方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="红梅树修剪时间和方法 刚买的红梅盆栽养殖方法" src="http://img.readke.com/230813/155443D48-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2990531.html"> <b>红梅树修剪时间和方法 刚买的红梅盆栽养殖方法 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3813480.html" title="佳能单反p档操作 佳能p档怎么使用"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="佳能单反p档操作 佳能p档怎么使用" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3813480.html"> <b>佳能单反p档操作 佳能p档怎么使用 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1126043.html" title="给我查一下一月份哪天日子好 查一下日子"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="给我查一下一月份哪天日子好 查一下日子" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1126043.html"> <b>给我查一下一月份哪天日子好 查一下日子 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2584650.html" title="孤独就像烧开的水壶 孤独水壶是什么意思"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="孤独就像烧开的水壶 孤独水壶是什么意思" src="http://img.readke.com/230627/1139464544-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2584650.html"> <b>孤独就像烧开的水壶 孤独水壶是什么意思 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/549237.html" title="美的随风行 美的随风行移动空调不制冷"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="美的随风行 美的随风行移动空调不制冷" src="http://img.readke.com/220419/0214294J8-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/549237.html"> <b>美的随风行 美的随风行移动空调不制冷 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1619965.html" title="出远门核酸检测提前几天做"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="出远门核酸检测提前几天做" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1619965.html"> <b>出远门核酸检测提前几天做 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1490283.html" title="单反相机与数码相机的区别有哪些? 数码相机和单反相机的区别"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="单反相机与数码相机的区别有哪些? 数码相机和单反相机的区别" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1490283.html"> <b>单反相机与数码相机的区别有哪些? 数码相机和单反相机的区别 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1193643.html" title="济宁什么情况能带押过户?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="济宁什么情况能带押过户?" src="http://img.readke.com/230301/150F3H57-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1193643.html"> <b>济宁什么情况能带押过户? </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2475166.html" title="《暗黑破坏神3:夺魂之镰》 圣教军FARM练级实用心得"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="《暗黑破坏神3:夺魂之镰》 圣教军FARM练级实用心得" src="http://img.readke.com/230609/1250244359-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2475166.html"> <b>《暗黑破坏神3:夺魂之镰》 圣教军FARM练级实用心得 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0H444S2021.html" title="新冠疫苗|普通人还有多久能接种新冠疫苗?最新回应来了"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="新冠疫苗|普通人还有多久能接种新冠疫苗?最新回应来了" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0H444S2021.html"> <b>新冠疫苗|普通人还有多久能接种新冠疫苗?最新回应来了 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3043803.html" title="春笋怎么保存一周 春笋保存方法家庭"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="春笋怎么保存一周 春笋保存方法家庭" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3043803.html"> <b>春笋怎么保存一周 春笋保存方法家庭 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3158751.html" title="专家解读 :个人医保账户里的钱为何少了?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="专家解读 :个人医保账户里的钱为何少了?" src="http://img.readke.com/230915/135144EU-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3158751.html"> <b>专家解读 :个人医保账户里的钱为何少了? </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2707464.html" title="上古卷轴5天际怎么玩_玩法大全分享"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="上古卷轴5天际怎么玩_玩法大全分享" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2707464.html"> <b>上古卷轴5天际怎么玩_玩法大全分享 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1186753.html" title="慢跑可以练出腹肌吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="慢跑可以练出腹肌吗" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1186753.html"> <b>慢跑可以练出腹肌吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4016757.html" title="idea是用来干什么的,idea后面加是什么意思"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="idea是用来干什么的,idea后面加是什么意思" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4016757.html"> <b>idea是用来干什么的,idea后面加是什么意思 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1317438.html" title="土豆粉一包多少钱 纯土豆粉条多少钱一斤"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="土豆粉一包多少钱 纯土豆粉条多少钱一斤" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1317438.html"> <b>土豆粉一包多少钱 纯土豆粉条多少钱一斤 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1810119.html" title="韭菜与鸡肉相克吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="韭菜与鸡肉相克吗" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1810119.html"> <b>韭菜与鸡肉相克吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/11113201c2021.html" title="投稿|营收增长难掩资本市场落寞:腾讯音乐“押宝”元宇宙?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="投稿|营收增长难掩资本市场落寞:腾讯音乐“押宝”元宇宙?" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/11113201c2021.html"> <b>投稿|营收增长难掩资本市场落寞:腾讯音乐“押宝”元宇宙? </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1211011.html" title="小耳朵奶茶获得教程 小耳朵奶茶活动什么时候结束"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="小耳朵奶茶获得教程 小耳朵奶茶活动什么时候结束" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1211011.html"> <b>小耳朵奶茶获得教程 小耳朵奶茶活动什么时候结束 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> </ul> <p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/849001.html" title="前端|FLASK+VUE--前后端分离(三)- VUE+Element-UI搭建登陆页面且能够正常登陆" target="_blank">前端|FLASK+VUE--前后端分离(三)- VUE+Element-UI搭建登陆页面且能够正常登陆 </a></li> <li><a href="/c/845356.html" title="python|用 Python 绘制个人足迹地图" target="_blank">python|用 Python 绘制个人足迹地图 </a></li> <li><a href="/c/844902.html" title="vue2|vue2安装vue-router,less ,vuex的版本" target="_blank">vue2|vue2安装vue-router,less ,vuex的版本 </a></li> <li><a href="/c/844900.html" title="css|table表格空单元格显示——empty-cells:show;详解" target="_blank">css|table表格空单元格显示——empty-cells:show;详解 </a></li> <li><a href="/c/844899.html" title="javascript|js for循环 1-100的和 /1-100奇数和/1-100偶数和" target="_blank">javascript|js for循环 1-100的和 /1-100奇数和/1-100偶数和 </a></li> <li><a href="/c/844521.html" title="javascript|JavaScript修炼之路-筑基篇(九)获取和修改元素属性值" target="_blank">javascript|JavaScript修炼之路-筑基篇(九)获取和修改元素属性值 </a></li> <li><a href="/c/843488.html" title="python|七夕特别篇|用Python绘画牛郎织女在鹊桥相见" target="_blank">python|七夕特别篇|用Python绘画牛郎织女在鹊桥相见 </a></li> <li><a href="/c/843394.html" title="css|清除浮动的几种方式,各自的优缺点" target="_blank">css|清除浮动的几种方式,各自的优缺点 </a></li> <li><a href="/c/841595.html" title="css|再见!JAVA!" target="_blank">css|再见!JAVA! </a></li> </ul></p> <div class=entry-copyright> <p></p> </div> </div> <div class="entry-footer"> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis">上一篇:<a href='/c/850437.html'>MobTech|MobTech ShareSDK 使用简介</a> </p> <p class="post-next fr ellipsis">下一篇:<a href='/c/850439.html'>阿里云认证的优势是什么(考试注意事项是什么?)</a> </p> </div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>更多...</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/850439.html" title="阿里云认证的优势是什么(考试注意事项是什么?)"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="阿里云认证的优势是什么(考试注意事项是什么?)" src="http://img.readke.com/220812/1S9102321-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/850439.html" title="阿里云认证的优势是什么(考试注意事项是什么?)">阿里云认证的优势是什么(考试注意事项是什么?)</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/850438.html" title="HTML DOM 节点"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="HTML DOM 节点" src="http://img.readke.com/220812/1SU91221-0-lp.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/850438.html" title="HTML DOM 节点">HTML DOM 节点</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/850437.html" title="MobTech|MobTech ShareSDK 使用简介"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="MobTech|MobTech ShareSDK 使用简介" src="http://img.readke.com/220812/1STM314-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/850437.html" title="MobTech|MobTech ShareSDK 使用简介">MobTech|MobTech ShareSDK 使用简介</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/850436.html" title="Flutter 学习第二课(Dio网络请求简单用法和数据适配)"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="Flutter 学习第二课(Dio网络请求简单用法和数据适配)" src="http://img.readke.com/220812/1SRR537-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/850436.html" title="Flutter 学习第二课(Dio网络请求简单用法和数据适配)">Flutter 学习第二课(Dio网络请求简单用法和数据适配)</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/850430.html" title="汽车产业股价日报|汽车产业链A股疲软 | 8月12日汽车产业链企业上市公司(部分)股价日报"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="汽车产业股价日报|汽车产业链A股疲软 | 8月12日汽车产业链企业上市公司(部分)股价日报" src="http://img.readke.com/220812/1R35T261-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/850430.html" title="汽车产业股价日报|汽车产业链A股疲软 | 8月12日汽车产业链企业上市公司(部分)股价日报">汽车产业股价日报|汽车产业链A股疲软 | 8月12日汽车产业链企业上市公司(部分)股价日报</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/850429.html" title="没有要求,自己就是要求"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="没有要求,自己就是要求" src="http://img.readke.com/220812/1JQG2b-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/850429.html" title="没有要求,自己就是要求">没有要求,自己就是要求</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/850428.html" title="投稿|元宇宙江湖里的“牛鬼蛇神”"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="投稿|元宇宙江湖里的“牛鬼蛇神”" src="http://img.readke.com/220812/1IJ25T5-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/850428.html" title="投稿|元宇宙江湖里的“牛鬼蛇神”">投稿|元宇宙江湖里的“牛鬼蛇神”</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/850427.html" title="投稿|鲜米市场,想要重走生鲜之路"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="投稿|鲜米市场,想要重走生鲜之路" src="http://img.readke.com/220812/1A9533154-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/850427.html" title="投稿|鲜米市场,想要重走生鲜之路">投稿|鲜米市场,想要重走生鲜之路</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/850426.html" title="小松鼠过河"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="小松鼠过河" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/850426.html" title="小松鼠过河">小松鼠过河</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/850425.html" title="总有一些坚持是要坚持的"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="总有一些坚持是要坚持的" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/850425.html" title="总有一些坚持是要坚持的">总有一些坚持是要坚持的</a></p> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> <!--<img src="/skin/images/logo-footer.png">--></div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li> <li class="menu-item menu-item-706"><a href="/it/">it技术</a></li> </ul> <div class="copyright"> <p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;"> <div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true"> <use xlink:href="#wi-arrow-up-2"></use> </svg></i></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script>var _web_js={};</script> <script src="/skin/js/index.js"></script> </body> </html>