1. Document类型：用来表示文档。在javascript中，① document对象用来表示整个HTML页面。document对象为HTMLDocument（继承自Document类型）的一个实例。② document对象是window对象的一个属性，可以将其作为全局对象来访问。
Document类型可以表示HTML页面或者其他基于XML的页面。最常用的还是document对象
Document节点的特征：
nodeType 的值为 9；
nodeName 的值为"#document"；
nodeValue 的值为 null；
parentNode 的值为 null；
ownerDocument 的值为 null；
其子节点可能是一个 DocumentType（最多一个）、Element（最多一个）、ProcessingInstruction或 Comment
document对象的属性：
① documentElement属性：指向HTML页面的元素。
② childNodes属性：返回子节点列表。
③ document.documentElement == document.childNodes[0] == document.firstChild--------->html
④ body属性：指向
元素
⑤ document.doctype-----获得的引用。
⑥ document.title-----获得
标签的文本，也可以用它来修改<title>标签的文本并体现在浏览器的标题栏中。<br />
⑦ document.URL-----获得当前页面完整的URL、document.domain----获得当前页面的域名（可以自行设置）、document.referrer----获得链接到当前页面的页面的URL。（这三个信息都存在HTTP头部）<br />
document对象的方法：<br />
① getElementById()：根据id返回对应的元素。（参数区分大小写）如果页面有多个id相同的元素，则返回页面中的第一个元素。<br />
② getElementsByTagName()： 根据标签名返回对应的元素。返回一个HTMLCollection对象。访问HTMLCollection对象有四种方式：通过索引、通过item()函数、通过namedItem()方法----针对有name属性的元素、方括号语法---传入数值，后台调用的是item方法，传入字符串后台调用的是namedItem方法。<br />
<img alt="文档对象模型---DOM（二）"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/9d102816cd2145f68c3c32fad0ca0db5.jpg"/> <br />
文章图片 <br />
<br />
③ getElementsByName()：返回带给给定name的所有元素。最常用的是获取单选按钮。<br />
document对象的特殊集合：这些集合都是HTMLCollection对象<br />
① document.anchors：包含文档中所有带name特性的元素。<br />
② document.form：包含文档中所有的<form>元素。<br />
③ document.images：包含文档中所有的<img alt="文档对象模型---DOM（二）"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/9f8a0f020dc94db3a770a9fb90b03c41.jpg"/> <br />
文章图片 <br />
<br />
网页中的结果为：<br />
<img alt="文档对象模型---DOM（二）"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/58e2ba021af24b4fa9edb44d50986f25.png"/> <br />
文章图片 <br />
<br />
2. Element类型（元素节点）：用于表现XML或HTML元素，提供了对元素标签名、子节点及特性的访问。<br />
Element节点的特征：<br />
nodeType的值为1<br />
nodeName的值为元素的标签名（与tagName属性的功能相同）<br />
nodeValue的值为null<br />
parentNode的值为Document或Element子节点可能为：Element、Text、Comment、ProcessingInstruction、CDATASection、EntityReference<img alt="文档对象模型---DOM（二）"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/6fea25fee30643d0b4b46983a27dc6ad.jpg"/> <br />
文章图片 <br />
<br />
注意：在HTML中，标签名始终以全部大写表示。而在XML中标签名与源代码保持一致。<br />
HTML元素都由HTMLElement类型（继承自Element）或者他的子类型来表示。<br />
HTML元素的属性：跟已通过属性获取或修改属性值<br />
① id属性：元素在文档中的唯一标识符。<br />
② title属性：元素的附加说明信息，通过工具提示条显示出来。<br />
③ className属性：与元素的class特性对应。<br />
HTML元素取得特性（特性的用途是给出相应的元素或内容的附加信息）的方法：<br />
①getAttribute()方法：取得（非）自定义特性，特性的名称不区分大小写。非自定义的特性会以属性的形式添加到DOM对象中，所以元素的非自定义特性也可以通过属性来访问。<br />
② setAttribute()方法：设置特性的值（设置的特性名会统一转换为小写形式）。参数为要设置的特性的名字，和特性的值。如果特性已经存在，该函数会以指定的值替换现有的值；如果特性不存在，该函数会创建该特性并设置相应的值。<br />
③ removeAttribute() 方法：彻底删除元素的特性。<br />
<img alt="文档对象模型---DOM（二）"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/3331398f35e34c6fbea962c1dbeb767b.jpg"/> <br />
文章图片 <br />
<br />
Element类型的attributes属性： 返回一个NamedNodeMap对象，heNodeList类似，是一个动态的集合。该对象保存的是Attr节点，该节点表示元素的特性。<br />
NamedNodeMap对象的方法：<br />
① getNamedItem(name)：返回nodeName属性为name的节点。<br />
② removeNamedItem(name)：从列表中删除nodeName属性为name的节点。<br />
③ setNamedItem(node)：向列表添加节点，一节点的nodeName属性为节点。<br />
④ item(pos)：返回数字pos位置处的节点。<br />
<img alt="文档对象模型---DOM（二）"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/934db9bfbdbc4e968eac379863540f5e.jpg"/> <br />
文章图片 <br />
<br />
创建元素：document.createElement()，参数为标签名或者传入完整的元素标签<br />
document.createElement("div");
<br />
document.createElement("");
<br />
可以使用appendChild()、insertBefore()、replaceChild()将新元素加入到文档中。如：document.body.appendChild(node)<br />
3. Text类型（文本节点）：表示文本节点，包含的是纯文本内容，纯文本内容可以包含转义后的HTML字符，但不能包含HTML代码。<br />
Text节点的特征：<br />
nodeType值为3<br />
nodeName值为#text<br />
nodeValue值为节点所包含的文本（与data的属性相同）<br />
parentNode为Element节点，没有子节点<br />
Text节点的方法：<br />
① appendData(text)：将text添加到节点的末尾<br />
<strong>【文档对象模型---DOM（二）】</strong>② deleteData(offset,count)：从offset指定位置开始删除count个字符<br />
③ insertData(offset,text)：从offset指定位置插入text<br />
④ replaceData(offset,count,text)：用text替换从offset指定位置开始到offset+count为止处的文本<br />
⑤ splitText(offset)：从offset指定位置将当前文本分成两个文本。原来的文本节点将包含从开始节点到指定位置之前的内容，新文本节点将包含剩下的文本。该方法返回一个新文本节点，该文本节点与原节点的parentNode相同。<br />
⑥ subStringData(offset,count)：提取从offset指定位置开始到offset+count为止处的字符串<br />
⑦ normalize()：将相邻文本合并<br />
Text节点的属性：length，保存的是节点中字符的数目<br />
创建文本节点：<br />
document.createTextNode("Hello World")或者document.createTextNode("Hello world!")<br />
<img alt="文档对象模型---DOM（二）"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/d153d30136064bfd9dce8e096cc0d5d4.jpg"/> <br />
文章图片 <br />
<br />
页面显示为：<br />
<img alt="文档对象模型---DOM（二）"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/dcecdc6b160a4767a0a060d65e49bc80.png"/> <br />
文章图片 <br />
<br />
splitText()方法：<br />
<img alt="文档对象模型---DOM（二）"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/70b84f7043ad4ec587c7e13c20b7adb7.jpg"/> <br />
文章图片 <br />
<br />
网页显示：<br />
<img alt="文档对象模型---DOM（二）"
onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info8/3d9d97e6a98948fb81cb14d70f6ec84d.png"/> <br />
文章图片 <br />
<br />
4.Comment类型：注释节点，其余之间的内容<br />
Comment节点的特征：<br />
① nodeType的值为8<br />
② nodeName的值为#comment<br />
③ nodeValue的值为注释的内容（与data属性类似）<br />
④ parentNode的值为Document或者Element<br />
⑤ 没有子节点<br />
Comment节点的方法：<br />
① appendData(text)：将text添加到节点的末尾<br />
② deleteData(offset,count)：从offset指定位置开始删除count个字符<br />
③ insertData(offset,text)：从offset指定位置插入text<br />
④ replaceData(offset,count,text)：用text替换从offset指定位置开始到offset+count为止处的文本<br />
⑤ subStringData(offset,count)：提取从offset指定位置开始到offset+count为止处的字符串<br />
⑥ normalize()：将相邻文本合并<br />
⑦ document.createComment()方法可以创建注释节点<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<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/1156121.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/1156121.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/1268540.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/1268540.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/3162445.html" title="没开封茶叶会不会过期"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="没开封茶叶会不会过期" src="http://img.readke.com/230916/15532531D-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3162445.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/2690876.html" title="迷你世界手机版怎么去竹桃林 桃林地形码迷你世界分享"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="迷你世界手机版怎么去竹桃林 桃林地形码迷你世界分享" src="http://img.readke.com/230711/05592SX5-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2690876.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/2696240.html" title="画图工具怎么手绘一款简笔画蛋糕？画图工具手绘简笔画蛋糕的方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="画图工具怎么手绘一款简笔画蛋糕？画图工具手绘简笔画蛋糕的方法" src="http://img.readke.com/230711/1I5164034-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2696240.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/2350193.html" title="win10epic遭遇了网络连接问题解决方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="win10epic遭遇了网络连接问题解决方法" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2350193.html"> <b>win10epic遭遇了网络连接问题解决方法 </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/2164547.html" title="荷包蛋面条怎么做 荷包蛋面条怎么做视频"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="荷包蛋面条怎么做 荷包蛋面条怎么做视频" src="http://img.readke.com/230520/1H1503594-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2164547.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/2375420.html" title="4s店样品车可以买吗现在 4s店样品车可以买吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="4s店样品车可以买吗现在 4s店样品车可以买吗" src="http://img.readke.com/230601/1431454S7-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2375420.html"> <b>4s店样品车可以买吗现在 4s店样品车可以买吗 </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/3227004.html" title="汽车新四化是什么 谈谈汽车新四化"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="汽车新四化是什么 谈谈汽车新四化" src="http://img.readke.com/231018/200642D18-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3227004.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/2155930.html" title="聪明的梅花鹿告诉了我们什么道理 一只梅花鹿告诉我们什么道理"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="聪明的梅花鹿告诉了我们什么道理 一只梅花鹿告诉我们什么道理" src="http://img.readke.com/230520/0244331913-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2155930.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/1650520.html" title="周公解梦梦见骨灰盒是什么意思 梦见骨灰盒好不好"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="周公解梦梦见骨灰盒是什么意思 梦见骨灰盒好不好" src="http://img.readke.com/230419/054J24356-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1650520.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/997064.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/997064.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/2686519.html" title="毛衣可以和其他衣服一起用洗衣机洗吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="毛衣可以和其他衣服一起用洗衣机洗吗" src="http://img.readke.com/230710/2046295P8-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2686519.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/3320705.html" title="十一岁的男孩怎么教育"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="十一岁的男孩怎么教育" src="http://img.readke.com/231031/04305aT7-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/3320705.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/2411854.html" title="win101909声卡没声音解决方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="win101909声卡没声音解决方法" src="/images/defaultpic.gif"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2411854.html"> <b>win101909声卡没声音解决方法 </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/1035009.html" title="3dmax怎么做雪景 关于3DMAX制作雪景的详细操作"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="3dmax怎么做雪景 关于3DMAX制作雪景的详细操作" src="http://img.readke.com/230218/114512A43-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1035009.html"> <b>3dmax怎么做雪景 关于3DMAX制作雪景的详细操作 </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/1449391.html" title="品牌规划的流程"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="品牌规划的流程" src="http://img.readke.com/230407/2042595W1-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/1449391.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/2116062.html" title="手机里库乐队删了怎么办 手机库乐队没了怎么办"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="手机里库乐队删了怎么办 手机库乐队没了怎么办" src="http://img.readke.com/230517/06233261C-0-lp.jpg"> </a> </div>
<div class="item-content">
<h4 class="item-title"> <a href="/c/2116062.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/02214602a2022.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/02214602a2022.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/1721624.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/1721624.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/021T5F552022.html" title="数组常用方法一" target="_blank">数组常用方法一
</a></li> <li><a href="/c/021T5D352022.html" title="ts泛型使用举例" target="_blank">ts泛型使用举例
</a></li> <li><a href="/c/021T564092022.html" title="jQuery插件" target="_blank">jQuery插件
</a></li> <li><a href="/c/021T5625R022.html" title="iOS面试题--基础" target="_blank">iOS面试题--基础
</a></li> <li><a href="/c/021J55W92022.html" title="口红选得好，对象不愁找......" target="_blank">口红选得好，对象不愁找......
</a></li> <li><a href="/c/021J55N22022.html" title="Flutter的ListView" target="_blank">Flutter的ListView
</a></li> <li><a href="/c/021J552O2022.html" title="一般模型化关系——从模型是什么到如何起作用的基本答案" target="_blank">一般模型化关系——从模型是什么到如何起作用的基本答案
</a></li> <li><a href="/c/021J550562022.html" title="java静态代理模式" target="_blank">java静态代理模式
</a></li> <li><a href="/c/021J5502R022.html" title="Python-类和对象" target="_blank">Python-类和对象
</a></li> <li><a href="/c/02164540132022.html" title="JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查" target="_blank">JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
</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/12163B2262021.html'>实战干货DHCP与DHCP中继与NAT服务综合实验以及详细的文字实验配置解析小白看了都会配置（销售公司网络组成、华为ensp）</a> </p>
<p class="post-next fr ellipsis">下一篇：<a href='/c/12163B22R021.html'>踩坑集合|shell报错（-bash: [: ==: 期待一元表达式 解决方法 ([: ==: unary operator expected)）</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/09101V4302021.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/09101V4302021.html" title="梅花香自苦寒来">梅花香自苦寒来</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/0ZGC23H021.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/0ZGC23H021.html" title="最美的风景只能自己去欣赏">最美的风景只能自己去欣赏</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/12303940U2021.html" title="4D习书之旅|4D习书之旅 第10章"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="4D习书之旅|4D习书之旅 第10章" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/12303940U2021.html" title="4D习书之旅|4D习书之旅 第10章">4D习书之旅|4D习书之旅 第10章</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/10293002162021.html" title="SpringBoot实现阿里云快递物流查询的示例代码"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="SpringBoot实现阿里云快递物流查询的示例代码" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/10293002162021.html" title="SpringBoot实现阿里云快递物流查询的示例代码">SpringBoot实现阿里云快递物流查询的示例代码</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/0Z112U3R021.html" title="百度智能云天工物联网支持多种类数据传输，MQTT助力数据、语音、视觉应用智能化"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="百度智能云天工物联网支持多种类数据传输，MQTT助力数据、语音、视觉应用智能化" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/0Z112U3R021.html" title="百度智能云天工物联网支持多种类数据传输，MQTT助力数据、语音、视觉应用智能化">百度智能云天工物联网支持多种类数据传输，MQTT助力数据、语音、视觉应用智能化</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/1121334N22021.html" title="使用git将本地代码提交到码云上去"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="使用git将本地代码提交到码云上去" src="/images/defaultpic.gif"> </a></div>
<div class="item-content">
<p class="item-title"><a href="/c/1121334N22021.html" title="使用git将本地代码提交到码云上去">使用git将本地代码提交到码云上去</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/0ZGD4492021.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/0ZGD4492021.html" title="炒股如炒菜">炒股如炒菜</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/09252455T2021.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/09252455T2021.html" title="如何挑选生腰果（海南腰果怎么分？）">如何挑选生腰果（海南腰果怎么分？）</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/0Z21301R2021.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/0Z21301R2021.html" title="相亲相爱的两宝">相亲相爱的两宝</a></p>
</div>
</li>
<li class="item">
<div class="item-img"> <a class="item-img-inner" href="/c/0Z91Q3X2021.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/0Z91Q3X2021.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> 