文档对象模型---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/3268685.html" title="博世热水器代码怎么样是什么故障,出现这故障是什么原因"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="博世热水器代码怎么样是什么故障,出现这故障是什么原因" src="http://img.readke.com/231025/0K0313464-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3268685.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/3648147.html" title="vb.netdism的简单介绍"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="vb.netdism的简单介绍" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3648147.html"> <b>vb.netdism的简单介绍 </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/2208338.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/2208338.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/1745148.html" title="清扬洗发水什么成份和功效"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="清扬洗发水什么成份和功效" src="http://img.readke.com/230424/02221J207-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1745148.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/4113632.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/4113632.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/1506134.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/1506134.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/3548978.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/3548978.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/2985170.html" title="温馨诚挚生日祝福语一句话"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="温馨诚挚生日祝福语一句话" src="http://img.readke.com/230812/204G05537-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2985170.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/4006292.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/4006292.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/3537591.html" title="关于杜甫的古诗 杜甫的古诗有哪些"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="关于杜甫的古诗 杜甫的古诗有哪些" src="http://img.readke.com/231125/1F645O36-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3537591.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/12133602092021.html" title="Spring|Spring 注解配置(2)——@Autowired"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="Spring|Spring 注解配置(2)——@Autowired" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/12133602092021.html"> <b>Spring|Spring 注解配置(2)——@Autowired </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/3606000.html" title="thinkphp手动记录日志,php如何记录日志"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="thinkphp手动记录日志,php如何记录日志" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3606000.html"> <b>thinkphp手动记录日志,php如何记录日志 </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/3710897.html" title="事实重婚罪公安局未立案 重婚罪公安不立案"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="事实重婚罪公安局未立案 重婚罪公安不立案" src="http://img.readke.com/231218/0PH5M04-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3710897.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/3829587.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/3829587.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/2579489.html" title="油鱼的功效与作用"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="油鱼的功效与作用" src="http://img.readke.com/230626/0I23MR2-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2579489.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/3049135.html" title="wosports S6使用说明"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="wosports S6使用说明" src="http://img.readke.com/230821/2039391N8-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3049135.html"> <b>wosports S6使用说明 </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/1307219.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/1307219.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/0I11Z612021.html" title="亮点|终于等来华为P50系列发布会 新品亮点价格全在这!"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="亮点|终于等来华为P50系列发布会 新品亮点价格全在这!" src="https://p0.ssl.img.360kuai.com/t018bb9bbac6d6015b5.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0I11Z612021.html"> <b>亮点|终于等来华为P50系列发布会 新品亮点价格全在这! </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/4051774.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/4051774.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/1794162.html" title="this怎么读英语语音 this怎么读英语"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="this怎么读英语语音 this怎么读英语" src="http://img.readke.com/230426/13042Q106-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1794162.html"> <b>this怎么读英语语音 this怎么读英语 </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>