文档对象模型---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/1962418.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/1962418.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/4144953.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/4144953.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/1169545.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/1169545.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/3887876.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/3887876.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/1982784.html" title="手机网页版软件怎么卸载 手机怎么删除网页版app"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="手机网页版软件怎么卸载 手机怎么删除网页版app" src="http://img.readke.com/230508/0IZ31955-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1982784.html"> <b>手机网页版软件怎么卸载 手机怎么删除网页版app </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/3590954.html" title="sqlserver2017还原,sqlserver2019还原数据库"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="sqlserver2017还原,sqlserver2019还原数据库" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3590954.html"> <b>sqlserver2017还原,sqlserver2019还原数据库 </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/10102Q6122021.html" title="关于vue3|关于vue3 compositionAPI"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="关于vue3|关于vue3 compositionAPI" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/10102Q6122021.html"> <b>关于vue3|关于vue3 compositionAPI </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/3771869.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/3771869.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/991153.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/991153.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/2667012.html" title="你觉得《八佰》好在哪里?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="你觉得《八佰》好在哪里?" src="http://img.readke.com/230709/05354WW1-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2667012.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/0Q4A2152021.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/0Q4A2152021.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/529251.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/529251.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/4021163.html" title="mysql binary类型 mysql中货币类型"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="mysql binary类型 mysql中货币类型" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4021163.html"> <b>mysql binary类型 mysql中货币类型 </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/2192417.html" title="304个品类!采筑2023年度品牌库火热招募"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="304个品类!采筑2023年度品牌库火热招募" src="http://img.readke.com/230522/230P05414-0-lp.png"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2192417.html"> <b>304个品类!采筑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/1127826.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/1127826.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/1778162.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/1778162.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/2555178.html" title="八字大耗是什么意思 八字大是什么意思"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="八字大耗是什么意思 八字大是什么意思" src="http://img.readke.com/230618/201Z1BX-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2555178.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/2112262.html" title="孩子被砸住几年之内可以讨要说发"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="孩子被砸住几年之内可以讨要说发" src="http://img.readke.com/230517/00230559A-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2112262.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/1635096.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/1635096.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/0QM5F62021.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/0QM5F62021.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>