国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

【EASYDOM系列教程】之 DOM 元素樹

stormzhang / 2447人閱讀

摘要:元素之間的關系在元素樹結構中,主要具有以下三層關系。祖先與后代如果我們將頁面中某一個元素作為祖先的話,那包含在該元素內的所有元素除子級之外的都可以稱為該元素的后代。兄弟關系具有相同父級元素的兩個或幾個元素之間就是兄弟關系。

DOM 元素樹結構與 DOM 節點樹結構很相似,區別僅在于是利用節點解析 HTML 元素,還是利用元素解析 HTML 元素。

DOM 樹結構

還記得下面這張圖嗎?

上圖中的 HTML 頁面源代碼如下:




    
    示例頁面


這是一個示例頁面

這是一個段落內容.

DOM 之所以可以訪問和更新 HTML 頁面中的內容、結構和樣式,是因為 DOM 將 HTML 頁面解析為一個 樹結構

DOM 元素樹

上述 HTML 頁面示例代碼,如果利用節點方式解析為 DOM 節點樹結構 的話,如下所示:

如果利用元素方式解析為 DOM 元素樹結構 的話,如下所示:

通過上圖所示,我們發現 DOM 元素樹結構與 DOM 節點樹結構類似,同樣在元素之間存在著某些固定的關系。

元素之間的關系

在 DOM 元素樹結構中,主要具有以下三層關系。

父級與子級

如果我們將 HTML 頁面中某一個元素作為父級的話,那包含在該元素內的第一層所有元素都可以稱為該元素的子級。

例如,我們來看一下下面這個 DOM 元素樹結構:

在上面的 DOM 節點樹結構中, 元素作為父級, 元素作為子級。

祖先與后代

如果我們將 HTML 頁面中某一個元素作為祖先的話,那包含在該元素內的所有元素(除子級之外的)都可以稱為該元素的后代。

例如,我們來看一下下面這個 DOM 元素樹結構:

在上面的 DOM 節點樹結構中, 元素作為祖先,</b>、<b><h2></b> 和 <b><p></b> 元素作為后代。</p> <b>兄弟關系</b> <p>具有相同父級元素的兩個或幾個元素之間就是兄弟關系。例如,我們來看一下下面這個 DOM 元素樹結構:</p> <p><script type="text/javascript">showImg("https://segmentfault.com/img/bVS9bA?w=1236&h=508");</script></p> <p>在上面的 DOM 元素樹結構中,<b><meta></b> 和 <b><title></b> 元素就是兄弟關系。因為它們具有相同的父級元素 <b><head></b>。</p> <b>節點與元素的區別</b> <p>利用節點解析 DOM 節點樹結構時,我們會發現元素節點、屬性節點和文本節點是獨立存在的。</p> <p>如果獲取文本節點的話,文本節點是元素節點的子節點。所以,我們可以通過子節點方式得到指定的文本節點。</p> <p>如果獲取屬性節點的話,由于屬性節點不是元素節點的子節點。所以,并不能直接通過獲取子節點的方式得到指定的屬性節點。</p> <p>而利用元素解析 DOM 元素樹結構時,我們會發現元素、屬性和文本是從屬關系。什么意思呢? 我們可以簡單地將屬性和文本內容理解為是元素的一部分。</p> <p>這樣,我們獲取屬性或文本內容時,就可以通過元素的獲取屬性或獲取文本內容的方法或屬性來實現。</p> <p>關于節點與元素的區別,我們可以通過以下示例代碼來理解:</p> <pre>// 節點方式獲取屬性節點 var btn = document.getElementById("btn"); var attrNode = btn.getAttributeNode("class"); var attrValue = attrNode.nodeValue; // 元素方式獲取屬性 var btn = document.getElementById("btn"); var attrValue = btn.getAttribute("class");</pre> <p>本教程免費開源,任何人都可以免費學習、分享,甚至可以進行修改。但需要注明作者及來源,并且不能用于商業。</p> <p>本教程采用知識共享署名-非商業性使用-禁止演繹 4.0 國際許可協議進行許可。</p> <p><script type="text/javascript">showImg("https://segmentfault.com/img/bVSpaA?w=922&h=302");</script></p> </div> <div id="lhz5znd" class="mt-64 tags-seach" > <div id="x5fvnlx" class="tags-info"> <a style="width:120px;" title="GPU云服務器" href="http://m.specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務器</a> <a style="width:120px;" title="云服務器" href="http://m.specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務器</a> <a style="width:120px;" title="系列之" href="http://m.specialneedsforspecialkids.com/yun/tag/xiliezhi/">系列之</a> <a style="width:120px;" title="系列之二" href="http://m.specialneedsforspecialkids.com/yun/tag/xiliezhier/">系列之二</a> <a style="width:120px;" title="架構之坑系列" href="http://m.specialneedsforspecialkids.com/yun/tag/jiagouzhikengxilie/">架構之坑系列</a> <a style="width:120px;" title="DOM元素" href="http://m.specialneedsforspecialkids.com/yun/tag/DOMyuansu/">DOM元素</a> </div> </div> <div id="j5zbfbp" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。</p> <p>轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/87331.html</p> </div> <ul class="pre-next-page"> <li id="prv5z7d" class="ellipsis"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/87330.html">上一篇:【EASYDOM系列教程】之定位頁面元素</a></li> <li id="hb77hft" class="ellipsis"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/87332.html">下一篇:socket.io+express實現聊天室的思考(一)</a></li> </ul> </div> <div id="rxn5xtf" class="about_topicone-mid"> <h3 class="top-com-title mb-0"><span data-id="0">相關文章</span></h3> <ul class="com_white-left-mid atricle-list-box"> <li> <div id="7lpfh7h" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/83914.html"><b>【<em>EASY<em>DOM</em></em><em>系列</em><em>教程</em>】<em>之</em><em>DOM</em> <em>樹</em>結構</b></a></h2> <p class="ellipsis2 good">摘要:簡單來說,節點作為樹結構中的連接點,最終構成了完整的樹結構。節點樹結構通過節點概念,我們可以將原本的樹結構改成節點樹結構進行表示。節點之間的關系中的表示模型,也可以用來表示節點樹結構中節點之間的關系。值得注意的是和元素并不是兄弟關系。 DOM 樹結構 DOM 之所以可以訪問和更新 HTML 頁面中的內容、結構和樣式,是因為 DOM 將 HTML 頁面解析為一個 樹結構。 例如下面這段代...</p> <div id="tx7r5z7" class="com_white-left-info"> <div id="r7prx75" class="com_white-left-infol"> <a href="http://m.specialneedsforspecialkids.com/yun/u-1017.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/10/small_000001017.jpg" alt=""><span id="7rv7pzb" class="layui-hide64">nemo</span></a> <time datetime="">2019-08-20 17:50</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="ffhx57n" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/87287.html"><b>【<em>EASY<em>DOM</em></em><em>系列</em><em>教程</em>】<em>之</em> Element 對象</b></a></h2> <p class="ellipsis2 good">摘要:而標準規范中提供了對象,主要是依靠元素樹結構訪問和更新頁面的內容。值得注意的是所有的頁面的元素都是對象,而這個對象又是繼承于對象的。我們可以簡單地理解對象是對象的補充。本教程采用知識共享署名非商業性使用禁止演繹國際許可協議進行許可。 DOM 的標準規范中提供了 Element 對象,該對象提供了 HTML 頁面中所有元素所具有的屬性和方法。 我們都知道 DOM 標準規范中提供了 Nod...</p> <div id="pf5h7h7" class="com_white-left-info"> <div id="d7jdvvl" class="com_white-left-infol"> <a href="http://m.specialneedsforspecialkids.com/yun/u-1316.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/13/small_000001316.jpg" alt=""><span id="bd5ptft" class="layui-hide64">jeyhan</span></a> <time datetime="">2019-08-21 11:55</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="xxx5t7v" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/87186.html"><b>【<em>EASY<em>DOM</em></em><em>系列</em><em>教程</em>】索引</b></a></h2> <p class="ellipsis2 good">摘要:系列教程是一套免費開源,任何人都可以免費學習分享,甚至可以進行修改。本文是這套系列教程的索引也就是目錄第一回介紹在最開始,我們先來了解是什么的作用,以及瀏覽器的支持是怎么樣的。 《EASYDOM》系列教程是一套免費、開源,任何人都可以免費學習、分享,甚至可以進行修改。但需要注明作者及來源,并且不能用于商業。 本文是這套系列教程的索引(也就是目錄): 第一回 DOM 介紹 在最開始,我...</p> <div id="hx57bzx" class="com_white-left-info"> <div id="p7brhrb" class="com_white-left-infol"> <a href="http://m.specialneedsforspecialkids.com/yun/u-306.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/03/small_000000306.jpg" alt=""><span id="jjdbrd7" class="layui-hide64">yanwei</span></a> <time datetime="">2019-08-21 11:51</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="zvzp7z7" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/84309.html"><b>【<em>EASY<em>DOM</em></em><em>系列</em><em>教程</em>】<em>之</em>遍歷節點</b></a></h2> <p class="ellipsis2 good">摘要:對象提供了一系列的屬性和方法用來利用節點樹結構中節點的關系實現遍歷其中的節點。在上述語法結構中,屬性返回指定節點的父元素節點。該屬性獲取一個包含指定節點的所有子節點的集合。值得注意的是及之前版本的瀏覽器中不存在空白節點問題。 Node 對象提供了一系列的屬性和方法用來利用 DOM 節點樹結構中節點的關系實現遍歷其中的節點。 關于節點之間的關系,可以參考《DOM樹結構》一節有關節點之間關...</p> <div id="l7575rr" class="com_white-left-info"> <div id="x7p7ddn" class="com_white-left-infol"> <a href="http://m.specialneedsforspecialkids.com/yun/u-1189.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/11/small_000001189.jpg" alt=""><span id="rd57h77" class="layui-hide64">BigNerdCoding</span></a> <time datetime="">2019-08-20 18:18</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="hrbhxhx" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.specialneedsforspecialkids.com/yun/84266.html"><b>【<em>EASY<em>DOM</em></em><em>系列</em><em>教程</em>】<em>之</em>Node介紹</b></a></h2> <p class="ellipsis2 good">摘要:對象的作用樹結構主要是依靠節點進行解析,稱為節點樹結構。對象的繼承鏈關系對象是繼承于對象的,是一個用于接收事件的對象。但需要注明作者及來源,并且不能用于商業。本教程采用知識共享署名非商業性使用禁止演繹國際許可協議進行許可。 DOM 的標準規范中提供了 Node 對象,該對象主要提供了用于解析 DOM 節點樹結構的屬性和方法。 Node 對象的作用 DOM 樹結構主要是依靠節點進行解析,...</p> <div id="rh75rtn" class="com_white-left-info"> <div id="pbhjnjf" class="com_white-left-infol"> <a href="http://m.specialneedsforspecialkids.com/yun/u-305.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/03/small_000000305.jpg" alt=""><span id="xzbprdb" class="layui-hide64">oliverhuang</span></a> <time datetime="">2019-08-20 18:16</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> </ul> </div> <div id="rpbpdd7" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發表評論</span></h3> <div id="75vx5zb" class="xcp-publish-main flex_box_zd"> <div id="tfrf5tt" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="bznfxjv" class="site-box-content"> <div id="jfl75jj" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="lvjlnnn" class="pages"></ul></div> </div> </div> <div id="5ntlftt" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="5ptx57b" class=""> <div id="djbtzzx" class="com_layuiright-box user-msgbox"> <a href="http://m.specialneedsforspecialkids.com/yun/u-1281.html"><img src="http://m.specialneedsforspecialkids.com/yun/data/avatar/000/00/12/small_000001281.jpg" alt=""></a> <h3><a href="http://m.specialneedsforspecialkids.com/yun/u-1281.html" rel="nofollow">stormzhang</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="tthx5xb" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(1281)" id="attenttouser_1281" class="grad follow-btn notfollow attention">我要關注</a> <a href="javascript:login()" title="發私信" >我要私信</a> </div> <div id="7fhlrdb" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://m.specialneedsforspecialkids.com/yun/ut-1281.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/130667.html">activate</a></h3> <p>閱讀 3188<span>·</span>2023-04-25 17:19</p></li> <li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/124398.html">Linux快速學習-vi編輯器常用命令</a></h3> <p>閱讀 630<span>·</span>2021-11-23 09:51</p></li> <li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/122912.html">Pia云雙11活動:新用戶全場5折,可選美國三網CN2 GIA月付10元起,香港純CN2永不混線月付</a></h3> <p>閱讀 1357<span>·</span>2021-11-08 13:19</p></li> <li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/121482.html">ASEMI肖特基二極管MBR20200FCT參數詳解</a></h3> <p>閱讀 790<span>·</span>2021-09-29 09:34</p></li> <li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/121413.html">【?重走長征路のC語言中static關鍵字?】</a></h3> <p>閱讀 1692<span>·</span>2021-09-28 09:36</p></li> <li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/120264.html">godaddy主機ftp端口多少-godaddy主機怎么樣?</a></h3> <p>閱讀 1505<span>·</span>2021-09-22 14:59</p></li> <li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/113876.html">css3 彈性布局和多列布局</a></h3> <p>閱讀 2721<span>·</span>2019-08-29 16:38</p></li> <li><h3 class="ellipsis"><a href="http://m.specialneedsforspecialkids.com/yun/109285.html">es6之迭代器</a></h3> <p>閱讀 2065<span>·</span>2019-08-26 13:40</p></li> </ul> </div> <!-- 文章詳情右側廣告--> <div id="nzrthhr" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動</span></h6> <div id="fb5hnbl" class="com_adbox"> <div id="dzftzzl" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://m.specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://m.specialneedsforspecialkids.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務器"> </a> </div> <div> <a href="http://m.specialneedsforspecialkids.com/site/product/gpu.html" rel="nofollow"> <img src="http://m.specialneedsforspecialkids.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務器"> </a> </div> </div> </div> </div> <!-- banner結束 --> <div id="rp7txfd" class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"http://m.specialneedsforspecialkids.com/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="7hndhht" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="xrh77hd" class="site-mobile-shade"></div> <!--付費閱讀 --> <div class="5pfhlvt" id="payread"> <div id="fdtlb75" class="layui-form-item">閱讀需要支付1元查看</div> <div id="nhxz7rf" class="layui-form-item"><button class="btn-right">支付并查看</button></div> </div> <script> var prei=0; $(".site-seo-depict pre").each(function(){ var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">',''); $(this).attr('data-clipboard-text',html).attr("id","pre"+prei); $(this).html("").append("<code>"+html+"</code>"); prei++; }) $(".site-seo-depict img").each(function(){ if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){ $(this).remove(); } }) $("LINK[href*='style-49037e4d27.css']").remove(); $("LINK[href*='markdown_views-d7a94ec6ab.css']").remove(); layui.use(['jquery', 'layer','code'], function(){ $("pre").attr("class","layui-code"); $("pre").attr("lay-title",""); $("pre").attr("lay-skin",""); layui.code(); $(".layui-code-h3 a").attr("class","copycode").html("復制代碼 ").attr("onclick","copycode(this)"); }); function copycode(target){ var id=$(target).parent().parent().attr("id"); var clipboard = new ClipboardJS("#"+id); clipboard.on('success', function(e) { e.clearSelection(); alert("復制成功") }); clipboard.on('error', function(e) { alert("復制失敗") }); } //$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5)); </script> <link rel="stylesheet" type="text/css" href="http://m.specialneedsforspecialkids.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://m.specialneedsforspecialkids.com/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="http://m.specialneedsforspecialkids.com/yun/static/js/clipboard.js"></script> <script>hljs.initHighlightingOnLoad();</script> <script> function setcode(){ var _html=''; document.querySelectorAll('pre code').forEach((block) => { var _tmptext=$.trim($(block).text()); if(_tmptext!=''){ _html=_html+_tmptext; console.log(_html); } }); } </script> <script> function payread(){ layer.open({ type: 1, title:"付費閱讀", shadeClose: true, content: $('#payread') }); } // 舉報 function jupao_tip(){ layer.open({ type: 1, title:false, shadeClose: true, content: $('#jubao') }); } $(".getcommentlist").click(function(){ var _id=$(this).attr("dataid"); var _tid=$(this).attr("datatid"); $("#articlecommentlist"+_id).toggleClass("hide"); var flag=$("#articlecommentlist"+_id).attr("dataflag"); if(flag==1){ flag=0; }else{ flag=1; //加載評論 loadarticlecommentlist(_id,_tid); } $("#articlecommentlist"+_id).attr("dataflag",flag); }) $(".add-comment-btn").click(function(){ var _id=$(this).attr("dataid"); $(".formcomment"+_id).toggleClass("hide"); }) $(".btn-sendartcomment").click(function(){ var _aid=$(this).attr("dataid"); var _tid=$(this).attr("datatid"); var _content=$.trim($(".commenttext"+_aid).val()); if(_content==''){ alert("評論內容不能為空"); return false; } var touid=$("#btnsendcomment"+_aid).attr("touid"); if(touid==null){ touid=0; } addarticlecomment(_tid,_aid,_content,touid); }) $(".button_agree").click(function(){ var supportobj = $(this); var tid = $(this).attr("id"); $.ajax({ type: "GET", url:"http://m.specialneedsforspecialkids.com/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "http://m.specialneedsforspecialkids.com/yun/index.php?topic/ajaxaddsupport/" + tid, success: function(comments) { supportobj.find("span").html(comments+"人贊"); } }); }else{ alert("您已經贊過"); } } }); }); function attenquestion(_tid,_rs){ $.ajax({ //提交數據的類型 POST GET type:"POST", //提交的網址 url:"http://m.specialneedsforspecialkids.com/yun/favorite/topicadd.html", //提交的數據 data:{tid:_tid,rs:_rs}, //返回數據的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在請求之前調用的函數 beforeSend:function(){}, //成功返回之后調用的函數 success:function(data){ var data=eval("("+data+")"); console.log(data) if(data.code==2000){ layer.msg(data.msg,function(){ if(data.rs==1){ //取消收藏 $(".layui-layer-tips").attr("data-tips","收藏文章"); $(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>'); } if(data.rs==0){ //收藏成功 $(".layui-layer-tips").attr("data-tips","已收藏文章"); $(".layui-layer-tips").html('<i class="fa fa-heart"></i>') } }) }else{ layer.msg(data.msg) } } , //調用執行后調用的函數 complete: function(XMLHttpRequest, textStatus){ postadopt=true; }, //調用出錯執行的函數 error: function(){ //請求出錯處理 postadopt=false; } }); } </script> <footer> <div id="xr5npx5" class="layui-container"> <div id="pvxp5dp" class="flex_box_zd"> <div id="ljntjtv" class="left-footer"> <h6><a href="http://m.specialneedsforspecialkids.com/"><img src="http://m.specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud (優刻得科技股份有限公司)"></a></h6> <p>UCloud (優刻得科技股份有限公司)是中立、安全的云計算服務平臺,堅持中立,不涉足客戶業務領域。公司自主研發IaaS、PaaS、大數據流通平臺、AI服務平臺等一系列云計算產品,并深入了解互聯網、傳統企業在不同場景下的業務需求,提供公有云、混合云、私有云、專有云在內的綜合性行業解決方案。</p> </div> <div id="pnb57j5" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務</h6> <p><a href="http://m.specialneedsforspecialkids.com/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://m.specialneedsforspecialkids.com/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://m.specialneedsforspecialkids.com/site/solutions.html" >行業解決方案</a></p> <p><a href="http://m.specialneedsforspecialkids.com/site/pro-notice/">產品動態</a></p> </li> <li> <h6>友情鏈接</h6> <p><a >GPU算力平臺</a></p> <p><a >UCloud私有云</a></p> <p><a >SurferCloud</a></p> <p><a >工廠仿真軟件</a></p> <p><a >Pinex</a></p> <p><a >AI繪畫</a></p> </li> <li> <h6>社區欄目</h6> <p><a href="http://m.specialneedsforspecialkids.com/yun/column/index.html">專欄文章</a></p> <p><a href="http://m.specialneedsforspecialkids.com/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://m.specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://m.specialneedsforspecialkids.com/site/about/news/recent/" >新聞動態</a></p> <p><a href="http://m.specialneedsforspecialkids.com/site/about/news/report/">媒體動態</a></p> <p><a href="http://m.specialneedsforspecialkids.com/site/cases.html">客戶案例</a></p> <p><a href="http://m.specialneedsforspecialkids.com/site/notice/">公告</a></p> </li> <li> <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優刻得"></span> <p>掃掃了解更多</p></div> </div> <div id="nv57nv7" class="copyright">Copyright ? 2012-2023 UCloud 優刻得科技股份有限公司<i>|</i><a rel="nofollow" >滬公網安備 31011002000058號</a><i>|</i><a rel="nofollow" ></a> 滬ICP備12020087號-3</a><i>|</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?290c2650b305fc9fff0dbdcafe48b59d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DZSMXQ3P9N'); </script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script></div> </div> </footer> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p> <a href="http://m.specialneedsforspecialkids.com/" title="国产xxxx99真实实拍">国产xxxx99真实实拍</a> <div class="friend-links"> <a href="http://m.cp97744.com/">国产一区电影</a> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="vptrv" class="pl_css_ganrao" style="display: none;"><meter id="vptrv"><pre id="vptrv"></pre></meter><acronym id="vptrv"><legend id="vptrv"><track id="vptrv"><tt id="vptrv"></tt></track></legend></acronym><rp id="vptrv"><address id="vptrv"></address></rp><th id="vptrv"></th><b id="vptrv"><mark id="vptrv"></mark></b><label id="vptrv"></label><optgroup id="vptrv"></optgroup><ol id="vptrv"></ol><var id="vptrv"><u id="vptrv"><mark id="vptrv"><form id="vptrv"></form></mark></u></var><label id="vptrv"></label><strike id="vptrv"></strike><pre id="vptrv"><i id="vptrv"></i></pre><ins id="vptrv"><address id="vptrv"></address></ins><ol id="vptrv"><style id="vptrv"></style></ol><label id="vptrv"><strong id="vptrv"><track id="vptrv"><tt id="vptrv"></tt></track></strong></label><ol id="vptrv"></ol><em id="vptrv"><div id="vptrv"><ol id="vptrv"><style id="vptrv"></style></ol></div></em><sub id="vptrv"></sub><legend id="vptrv"><dfn id="vptrv"></dfn></legend><i id="vptrv"><nobr id="vptrv"><small id="vptrv"><menuitem id="vptrv"></menuitem></small></nobr></i><dl id="vptrv"><pre id="vptrv"></pre></dl><listing id="vptrv"><dfn id="vptrv"></dfn></listing><video id="vptrv"></video><var id="vptrv"><u id="vptrv"></u></var><div id="vptrv"><ol id="vptrv"><label id="vptrv"><nobr id="vptrv"></nobr></label></ol></div><dfn id="vptrv"><u id="vptrv"></u></dfn><thead id="vptrv"><label id="vptrv"><optgroup id="vptrv"><track id="vptrv"></track></optgroup></label></thead><var id="vptrv"><form id="vptrv"></form></var><nobr id="vptrv"><small id="vptrv"><meter id="vptrv"><span id="vptrv"></span></meter></small></nobr><thead id="vptrv"><label id="vptrv"><optgroup id="vptrv"><th id="vptrv"></th></optgroup></label></thead><track id="vptrv"><tt id="vptrv"><thead id="vptrv"><dl id="vptrv"></dl></thead></tt></track><pre id="vptrv"><i id="vptrv"><listing id="vptrv"><dfn id="vptrv"></dfn></listing></i></pre><font id="vptrv"><legend id="vptrv"></legend></font><p id="vptrv"></p><track id="vptrv"><thead id="vptrv"><thead id="vptrv"><dl id="vptrv"></dl></thead></thead></track><strong id="vptrv"></strong><th id="vptrv"></th><form id="vptrv"></form><i id="vptrv"><listing id="vptrv"></listing></i><form id="vptrv"><rp id="vptrv"><address id="vptrv"><legend id="vptrv"></legend></address></rp></form><ins id="vptrv"><address id="vptrv"></address></ins><listing id="vptrv"><dfn id="vptrv"></dfn></listing><address id="vptrv"></address><b id="vptrv"><progress id="vptrv"></progress></b><p id="vptrv"></p><div id="vptrv"><ol id="vptrv"><label id="vptrv"><nobr id="vptrv"></nobr></label></ol></div><strong id="vptrv"></strong><sub id="vptrv"><thead id="vptrv"></thead></sub><optgroup id="vptrv"><ruby id="vptrv"><thead id="vptrv"><progress id="vptrv"></progress></thead></ruby></optgroup><big id="vptrv"><dl id="vptrv"></dl></big><nobr id="vptrv"><em id="vptrv"><meter id="vptrv"><pre id="vptrv"></pre></meter></em></nobr><u id="vptrv"><ins id="vptrv"></ins></u><pre id="vptrv"><th id="vptrv"><b id="vptrv"><mark id="vptrv"></mark></b></th></pre><ins id="vptrv"><form id="vptrv"><p id="vptrv"><var id="vptrv"></var></p></form></ins><legend id="vptrv"><th id="vptrv"><tt id="vptrv"><mark id="vptrv"></mark></tt></th></legend><div id="vptrv"><sup id="vptrv"><style id="vptrv"><nobr id="vptrv"></nobr></style></sup></div><meter id="vptrv"><pre id="vptrv"></pre></meter><th id="vptrv"><tt id="vptrv"><big id="vptrv"><dl id="vptrv"></dl></big></tt></th><p id="vptrv"></p><strong id="vptrv"><track id="vptrv"></track></strong><em id="vptrv"><meter id="vptrv"></meter></em><b id="vptrv"></b><u id="vptrv"><mark id="vptrv"><form id="vptrv"><p id="vptrv"></p></form></mark></u><p id="vptrv"><var id="vptrv"></var></p><sub id="vptrv"><thead id="vptrv"></thead></sub><thead id="vptrv"><strong id="vptrv"><optgroup id="vptrv"><track id="vptrv"></track></optgroup></strong></thead><output id="vptrv"><pre id="vptrv"><i id="vptrv"><listing id="vptrv"></listing></i></pre></output><font id="vptrv"><div id="vptrv"></div></font><thead id="vptrv"><label id="vptrv"><optgroup id="vptrv"><track id="vptrv"></track></optgroup></label></thead><output id="vptrv"><sub id="vptrv"><thead id="vptrv"><label id="vptrv"></label></thead></sub></output><thead id="vptrv"><thead id="vptrv"><label id="vptrv"><pre id="vptrv"></pre></label></thead></thead><track id="vptrv"><thead id="vptrv"></thead></track><listing id="vptrv"></listing><strike id="vptrv"></strike><ins id="vptrv"><form id="vptrv"><legend id="vptrv"><var id="vptrv"></var></legend></form></ins><progress id="vptrv"><acronym id="vptrv"></acronym></progress><big id="vptrv"></big><p id="vptrv"><var id="vptrv"></var></p><i id="vptrv"><nobr id="vptrv"><em id="vptrv"><meter id="vptrv"></meter></em></nobr></i><ruby id="vptrv"><thead id="vptrv"></thead></ruby><track id="vptrv"><thead id="vptrv"><big id="vptrv"><acronym id="vptrv"></acronym></big></thead></track><optgroup id="vptrv"></optgroup><listing id="vptrv"><dfn id="vptrv"></dfn></listing><p id="vptrv"><var id="vptrv"></var></p><form id="vptrv"><ins id="vptrv"><address id="vptrv"><p id="vptrv"></p></address></ins></form><strike id="vptrv"><strong id="vptrv"></strong></strike><dfn id="vptrv"><u id="vptrv"></u></dfn><em id="vptrv"><div id="vptrv"></div></em><sup id="vptrv"><label id="vptrv"><rp id="vptrv"><small id="vptrv"></small></rp></label></sup><span id="vptrv"></span><label id="vptrv"><video id="vptrv"></video></label><dl id="vptrv"></dl><ruby id="vptrv"><tt id="vptrv"></tt></ruby><ruby id="vptrv"></ruby><optgroup id="vptrv"></optgroup><label id="vptrv"></label><b id="vptrv"><mark id="vptrv"></mark></b><label id="vptrv"><video id="vptrv"></video></label><ins id="vptrv"></ins><font id="vptrv"><div id="vptrv"><sup id="vptrv"><style id="vptrv"></style></sup></div></font><pre id="vptrv"><th id="vptrv"></th></pre><b id="vptrv"></b><dfn id="vptrv"><u id="vptrv"></u></dfn><style id="vptrv"></style><sup id="vptrv"></sup><form id="vptrv"><rp id="vptrv"></rp></form><i id="vptrv"></i><pre id="vptrv"></pre><span id="vptrv"><i id="vptrv"><listing id="vptrv"><optgroup id="vptrv"></optgroup></listing></i></span><pre id="vptrv"><label id="vptrv"></label></pre><font id="vptrv"><legend id="vptrv"><sup id="vptrv"><label id="vptrv"></label></sup></legend></font><dl id="vptrv"></dl><p id="vptrv"></p><label id="vptrv"></label><menuitem id="vptrv"></menuitem><tt id="vptrv"><progress id="vptrv"></progress></tt><i id="vptrv"></i><dfn id="vptrv"><menuitem id="vptrv"></menuitem></dfn><var id="vptrv"><form id="vptrv"><rp id="vptrv"><font id="vptrv"></font></rp></form></var><th id="vptrv"></th><strike id="vptrv"><listing id="vptrv"></listing></strike><var id="vptrv"><form id="vptrv"></form></var><ol id="vptrv"><style id="vptrv"></style></ol><pre id="vptrv"></pre><dl id="vptrv"><strong id="vptrv"></strong></dl><dfn id="vptrv"></dfn><dfn id="vptrv"><b id="vptrv"></b></dfn><style id="vptrv"><nobr id="vptrv"><em id="vptrv"><menuitem id="vptrv"></menuitem></em></nobr></style><strong id="vptrv"><track id="vptrv"></track></strong><ruby id="vptrv"><thead id="vptrv"></thead></ruby><progress id="vptrv"></progress><dl id="vptrv"></dl><dl id="vptrv"></dl><form id="vptrv"><rp id="vptrv"><font id="vptrv"><meter id="vptrv"></meter></font></rp></form><dl id="vptrv"></dl><pre id="vptrv"><i id="vptrv"><listing id="vptrv"><dfn id="vptrv"></dfn></listing></i></pre><strong id="vptrv"><dfn id="vptrv"></dfn></strong><strong id="vptrv"><ruby id="vptrv"></ruby></strong><optgroup id="vptrv"><output id="vptrv"><sub id="vptrv"><big id="vptrv"></big></sub></output></optgroup><ol id="vptrv"></ol><dfn id="vptrv"><menuitem id="vptrv"></menuitem></dfn><acronym id="vptrv"><pre id="vptrv"></pre></acronym><sub id="vptrv"></sub><legend id="vptrv"><dfn id="vptrv"><u id="vptrv"><rp id="vptrv"></rp></u></dfn></legend><ol id="vptrv"><style id="vptrv"></style></ol><span id="vptrv"><strike id="vptrv"></strike></span><progress id="vptrv"><form id="vptrv"></form></progress><rp id="vptrv"></rp><pre id="vptrv"></pre><mark id="vptrv"><acronym id="vptrv"><p id="vptrv"><dfn id="vptrv"></dfn></p></acronym></mark></div> <script src="http://m.specialneedsforspecialkids.com/yun/static/theme/ukd/js/common.js"></script> <<script type="text/javascript"> $(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%"); </script> </html>