文档对象模型---DOM（二）文档对象模型---DOM（二）

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/1513808.html" title="战锤末世鼠疫2dlc内容介绍战锤末世鼠疫2dlc的内容是什么"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="战锤末世鼠疫2dlc内容介绍战锤末世鼠疫2dlc的内容是什么" src="http://img.readke.com/230411/0P21S293-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1513808.html"> <b>战锤末世鼠疫2dlc内容介绍战锤末世鼠疫2dlc的内容是什么 </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/3472348.html" title="健美瘦身操都有哪些方法？，健美瘦身操都有哪些方法组成"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="健美瘦身操都有哪些方法？，健美瘦身操都有哪些方法组成" src="http://img.readke.com/231116/0K024J56-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3472348.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/949723.html" title="魔术队主场连败糟糕需要调整阵容，雄鹿队有望全主力出战！"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="魔术队主场连败糟糕需要调整阵容，雄鹿队有望全主力出战！" src="http://image.uc.cn/s/wemedia/s/2022/51c390e67eaedf5b6d36fb5a1bf1c9b5.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/949723.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/2944560.html" title="长期吃黑米后果惊人每天吃黑米饭当主食好吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="长期吃黑米后果惊人每天吃黑米饭当主食好吗" src="http://img.readke.com/230806/22561VZ0-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2944560.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/988536.html" title="MIUI系统双WiFi功能和WIFI分享功能简介！小米wifi共享"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="MIUI系统双WiFi功能和WIFI分享功能简介！小米wifi共享" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/988536.html"> <b>MIUI系统双WiFi功能和WIFI分享功能简介！小米wifi共享 </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/1922885.html" title="我也想你英语怎么说 miss的意思"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="我也想你英语怎么说 miss的意思" src="http://img.readke.com/230504/0411396321-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1922885.html"> <b>我也想你英语怎么说 miss的意思 </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/3246122.html" title="成立单位行贿应当怎么样量刑处罚"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="成立单位行贿应当怎么样量刑处罚" src="http://img.readke.com/231022/0459395V2-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3246122.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/10032A4422021.html" title="二刷34.|二刷34. Search for a Range"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="二刷34.|二刷34. Search for a Range" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/10032A4422021.html"> <b>二刷34.|二刷34. Search for a Range </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/3610725.html" title="python获取输入文件的文件名称，python输入文件名读取文件"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="python获取输入文件的文件名称，python输入文件名读取文件" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3610725.html"> <b>python获取输入文件的文件名称，python输入文件名读取文件 </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/1676172.html" title="淮南豆腐宴多少道菜"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="淮南豆腐宴多少道菜" src="http://img.readke.com/230420/141S5L55-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1676172.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/3878613.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/3878613.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/3245724.html" title="2023年北京社保缴费基数上下限是多少"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="2023年北京社保缴费基数上下限是多少" src="http://img.readke.com/231022/0341501145-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3245724.html"> <b>2023年北京社保缴费基数上下限是多少 </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/1817496.html" title="客户服务质量控制"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="客户服务质量控制" src="http://img.readke.com/230427/1922344051-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1817496.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/0922235I52021.html" title="4.|4. 通过整理透视人际关系"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="4.|4. 通过整理透视人际关系" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0922235I52021.html"> <b>4.|4. 通过整理透视人际关系 </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/2231958.html" title="5元解决6030屏幕进灰的方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="5元解决6030屏幕进灰的方法" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2231958.html"> <b>5元解决6030屏幕进灰的方法 </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/1726067.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/1726067.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/2942018.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/2942018.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/2240843.html" title="狮子简笔画狮子简笔画怎么画"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="狮子简笔画狮子简笔画怎么画" src="http://img.readke.com/230525/2059355546-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2240843.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/554060.html" title="小松树儿歌带歌词老松树儿歌如何写教案，小松树儿歌"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="小松树儿歌带歌词老松树儿歌如何写教案，小松树儿歌" src="http://img.readke.com/220419/1520043L8-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/554060.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/1617250.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/1617250.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"> </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>