DOM 节点
根据 W3C HTML DOM 标准，HTML 文档中的所有事物都是节点：
- 整个文档是文档节点
- 每个 HTML 元素是元素节点
- HTML 元素内的文本是文本节点
- 每个 HTML 属性是属性节点
- 所有注释是注释节点
有了 HTML DOM，节点树中的所有节点都能通过 JavaScript 访问。
能够创建新节点，还可以修改和删除所有节点。
节点关系
节点树中的节点彼此之间有一定的等级关系。
- 术语（父、子和同胞，parent、child 以及 sibling）用于描述这些关系。
- 在节点树中，顶端节点被称为根（根节点）。
- 每个节点都有父节点，除了根（根节点没有父节点）。
- 节点能够拥有一定数量的子
- 同胞（兄弟或姐妹）指的是拥有相同父的节点。
DOM 教程
DOM 第一课
Hello world!
从以上的 HTML 中您能读到以下信息：
- 是根节点
- 没有父
- 是 和 的父
- 是 的第一个子
- 是 的最后一个子
同时：
- 有一个子：</li>
<li><title> 有一个子（文本节点）："DOM 教程"</li>
<li><body> 有两个子：<h1> 和 <p></li>
<li><h1> 有一个子："DOM 第一课"</li>
<li><p> 有一个子："Hello world!"</li>
<li><h1> 和 <p> 是同胞</li>
</ul>
<h2>在节点之间导航</h2>
<p>通过 JavaScript，您可以使用以下节点属性在节点之间导航：</p>
<ul>
<li>parentNode</li>
<li>childNodes[<i>nodenumber</i>]</li>
<li>firstChild</li>
<li>lastChild</li>
<li>nextSibling</li>
<li>previousSibling</li>
</ul>
<h2>子节点和节点值</h2>
<p>DOM 处理中的一种常见错误是认为元素节点中包含文本。</p>
<h3>实例：</h3>
<pre class="language-html">
<title id="demo">DOM 教程
（上面例子中的）元素节点
<mark>不包含</mark>文本。</p>
<p>它包含了值为 "DOM 教程" 的<em>文本节点</em>。</p>
<p>文本节点的值能够通过节点的 <code>innerHTML</code> 属性进行访问：</p>
<pre class="language-js">
var myTitle = document.getElementById("demo").innerHTML;
</pre>
<p>访问 innerHTML 属性等同于访问首个子节点的 <code>nodeValue</code>：</p>
<pre class="language-js">
var myTitle = document.getElementById("demo").firstChild.nodeValue;
</pre>
<p>也可以这样访问第一个子节点：</p>
<pre class="language-js">
var myTitle = document.getElementById("demo").childNodes[0].nodeValue;
</pre>
<p>以下三个例子取回 <code><h1></code> 元素的文本并复制到 <code><p></code> 元素中：</p>
<h3>实例 1</h3>
<pre class="language-html">
<html>
<body>
<h1 id="id01">我的第一张页面</h1>
<p id="id02">Hello!</p>
<script>
document.getElementById("id02").innerHTML = document.getElementById("id01").innerHTML;
</script>
</body>
</html>
</pre>
<a target="_blank" href="#" class="showbtn codebtn">运行实例 »</a><p>点击 "运行实例" 按钮查看在线实例</p>
<h3>实例 2</h3>
<pre class="language-html">
<html>
<body>
<h1 id="id01">我的第一张页面</h1>
<p id="id02">Hello!</p>
<script>
document.getElementById("id02").innerHTML = document.getElementById("id01").firstChild.nodeValue;
</script>
</body>
</html>
</pre>
<a target="_blank" href="#" class="showbtn codebtn">运行实例 »</a><p>点击 "运行实例" 按钮查看在线实例</p>
<h3>实例 3</h3>
<pre class="language-html">
<html>
<body>
<h1 id="id01">我的第一张页面</h1>
<p id="id02">Hello!</p>
<script>
document.getElementById("id02").innerHTML = document.getElementById("id01").childNodes[0].nodeValue;
</script>
</body>
</html>
</pre>
<a target="_blank" href="#" class="showbtn codebtn">运行实例 »</a><p>点击 "运行实例" 按钮查看在线实例</p>
<h2>InnerHTML</h2>
<p>在本教程中，我们使用 <code>innerHTML</code> 取回 HTML 元素的内容。</p>
<p>不过，学习以上其他的方法有助于理解 DOM 的树结构和导航。</p>
<h2>DOM 根节点</h2>
<p>有两个特殊属性允许访问完整文档：</p>
<ul>
<li>document.body - 文档的 body</li>
<li>document.documentElement - 完整文档</li>
</ul>
<h3>实例</h3>
<pre class="language-html">
<html>
<body>
<p>Hello World!</p>
<div>
<p>DOM 很有用！</p>
<p>本例演示 <b>document.body</b> 属性。</p>
</div>
<script>
alert(document.body.innerHTML);
</script>
</body>
</html>
</pre>
<a target="_blank" href="#" class="showbtn codebtn">运行实例 »</a><p>点击 "运行实例" 按钮查看在线实例</p>
<h3>实例</h3>
<pre class="language-html">
<html>
<body>
<p>Hello World!</p>
<div>
<p>DOM 很有用！</p>
<p>本例演示 <b>document.documentElement</b> 属性。</p>
</div>
<script>
alert(document.documentElement.innerHTML);
</script>
</body>
</html>
</pre>
<a target="_blank" href="#" class="showbtn codebtn">运行实例 »</a><p>点击 "运行实例" 按钮查看在线实例</p>
<h2>nodeName 属性</h2>
<p><code>nodeName</code> 属性规定节点的名称。</p>
<ul>
<li>nodeName 是只读的</li>
<li>元素节点的 nodeName 等同于标签名</li>
<li>属性节点的 nodeName 是属性名称</li>
<li>文本节点的 nodeName 总是 #text</li>
<li>文档节点的 nodeName 总是 #document</li>
</ul>
<h3>实例</h3>
<pre class="language-html">
<h1 id="id01">我的第一张网页</h1>
<p id="id02">Hello!</p>
<script>
document.getElementById("id02").innerHTML = document.getElementById("id01").nodeName;
</script>
</pre>
<a target="_blank" href="#" class="showbtn codebtn">运行实例 »</a><p>点击 "运行实例" 按钮查看在线实例</p>
<p class="note"><span>注释：</span>nodeName 总是包含 HTML 元素的大写标签名。</p>
<h2>nodeValue 属性</h2>
<p><code>nodeValue</code> 属性规定节点的值。</p>
<ul>
<li>元素节点的 nodeValue 是 undefined</li>
<li>文本节点的 nodeValue 是文本文本</li>
<li>属性节点的 nodeValue 是属性值</li>
</ul>
<h2>nodeType 属性</h2>
<p><code>nodeType</code> 属性返回节点的类型。<code>nodeType</code> 是只读的。</p>
<h3>实例</h3>
<pre class="language-html">
<h1 id="id01">我的第一张网页</h1>
<p id="id02">Hello!</p>
<script>
document.getElementById("id02").innerHTML = document.getElementById("id01").nodeType;
</script>
</pre>
<a target="_blank" href="#" class="showbtn codebtn">运行实例 »</a><p>点击 "运行实例" 按钮查看在线实例</p>
<p>最重要的 nodeType 属性是：</p>
<table class="dataintable">
<tr>
<th>节点</th>
<th>类型</th>
<th>例子</th>
</tr>
<tr>
<td>ELEMENT_NODE</td>
<td>1</td>
<td><h1 class="heading">W3School</h1></td>
</tr>
<tr>
<td>ATTRIBUTE_NODE</td>
<td>2</td>
<td>class = "heading" （弃用）</td>
</tr>
<tr>
<td>TEXT_NODE</td>
<td>3</td>
<td>W3School</td>
</tr>
<tr>
<td>COMMENT_NODE</td>
<td>8</td>
<td><!-- 这是注释 --></td>
</tr>
<tr>
<td>DOCUMENT_NODE</td>
<td>9</td>
<td>HTML 文档本身（<html> 的父）</td>
</tr>
<tr>
<td>DOCUMENT_TYPE_NODE</td>
<td>10</td>
<td><!Doctype html></td>
</tr>
</table>
<p>Type 2 在 HTML DOM 中已弃用。XML DOM 中未弃用。</p> </div>
<div class="desadown flexRow">
<a href="/js/js-js-htmldom-eventlistener.html" title="DOM 事件监听程序" class="dsdleft flexRow dsda">
<img src="/static/lhimages/icon226.png" class="nocheck"> <img src="/static/lhimages/icon226_check.png" class="check"> <p>DOM 事件监听程序</p>
</a>
<a href="/js/js-js-htmldom-nodes.html" title="DOM 节点" class="dsdright flexRow dsda"><p>DOM 节点</p>
<img src="/static/lhimages/icon227.png" class="nocheck">
<img src="/static/lhimages/icon227_check.png" class="check">
</a>
</div>
</div>
<div class="left-video">
<div class="ltzt-title lttitle flexRow">
<div class="title-left flexRow">
<p><span>相关</span><b></b></p>
<p>视频</p>
<p class="eng">RELATED VIDEOS</p>
</div>
<a class="title-more flexRow" href="/course/sort_new.html" title="视频教程"><b></b>更多 </a>
</div>
<div class="video-list flexRow codevideo">
<div class="codevideo-tab flexColumn">
<div class="vtaba-free">
<p>免费</p>
</div>
<a class="codevtaba flexRow" href="/course/901.html" title="Web前端开发极速入门">
<img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="Web前端开发极速入门" class="codevtabimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="codevtdown flexColumn">
<div>
<dt><i class='bg1'>初级</i>
<a href="/course/901.html" title="Web前端开发极速入门"
class="aBlack aClass">Web前端开发极速入门</a>
</dt>
<dd class="flexRow studyandcoll">
<p>219920次学习</p><em><a class="courseICollection " data-id="901"
href="javascript:void(0);"><b></b>收藏</a></em>
</dd>
</div>
</div>
</div>
<div class="codevideo-tab flexColumn">
<div class="vtaba-free">
<p>免费</p>
</div>
<a class="codevtaba flexRow" href="/course/880.html" title="前端入门_HTML5">
<img src="https://img.php.cn/upload/course/000/000/068/6255589398c2c999.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="前端入门_HTML5" class="codevtabimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="codevtdown flexColumn">
<div>
<dt><i class='bg1'>初级</i>
<a href="/course/880.html" title="前端入门_HTML5"
class="aBlack aClass">前端入门_HTML5</a>
</dt>
<dd class="flexRow studyandcoll">
<p>616946次学习</p><em><a class="courseICollection " data-id="880"
href="javascript:void(0);"><b></b>收藏</a></em>
</dd>
</div>
</div>
</div>
<div class="codevideo-tab flexColumn">
<div class="vtaba-free">
<p>免费</p>
</div>
<a class="codevtaba flexRow" href="/course/874.html" title="30分钟学会网站布局">
<img src="https://img.php.cn/upload/course/000/000/041/61b8365849424887.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="30分钟学会网站布局" class="codevtabimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="codevtdown flexColumn">
<div>
<dt><i class='bg1'>初级</i>
<a href="/course/874.html" title="30分钟学会网站布局"
class="aBlack aClass">30分钟学会网站布局</a>
</dt>
<dd class="flexRow studyandcoll">
<p>238440次学习</p><em><a class="courseICollection " data-id="874"
href="javascript:void(0);"><b></b>收藏</a></em>
</dd>
</div>
</div>
</div>
<div class="codevideo-tab flexColumn">
<div class="vtaba-free">
<p>免费</p>
</div>
<a class="codevtaba flexRow" href="/course/893.html" title="CSS视频教程-玉女心经版">
<img src="https://img.php.cn/upload/course/000/000/068/625558b87e512730.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="CSS视频教程-玉女心经版" class="codevtabimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="codevtdown flexColumn">
<div>
<dt><i class='bg1'>初级</i>
<a href="/course/893.html" title="CSS视频教程-玉女心经版"
class="aBlack aClass">CSS视频教程-玉女心经版</a>
</dt>
<dd class="flexRow studyandcoll">
<p>393054次学习</p><em><a class="courseICollection " data-id="893"
href="javascript:void(0);"><b></b>收藏</a></em>
</dd>
</div>
</div>
</div>
<div class="codevideo-tab flexColumn">
<div class="vtaba-free">
<p>免费</p>
</div>
<a class="codevtaba flexRow" href="/course/894.html" title="JavaScript极速入门_玉女心经系列">
<img src="https://img.php.cn/upload/course/000/000/068/625558e4f11c8518.png?x-oss-process=image/resize,m_fill,h_150,w_263" alt="JavaScript极速入门_玉女心经系列" class="codevtabimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="codevtdown flexColumn">
<div>
<dt><i class='bg1'>初级</i>
<a href="/course/894.html" title="JavaScript极速入门_玉女心经系列"
class="aBlack aClass">JavaScript极速入门_玉女心经系列</a>
</dt>
<dd class="flexRow studyandcoll">
<p>709168次学习</p><em><a class="courseICollection " data-id="894"
href="javascript:void(0);"><b></b>收藏</a></em>
</dd>
</div>
</div>
</div>
<div class="codevideo-tab flexColumn">
<div class="vtaba-free">
<p>免费</p>
</div>
<a class="codevtaba flexRow" href="/course/372.html" title="独孤九贱(1)_HTML5视频教程">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6ddbecdb1707.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="独孤九贱(1)_HTML5视频教程" class="codevtabimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="codevtdown flexColumn">
<div>
<dt><i class='bg1'>初级</i>
<a href="/course/372.html" title="独孤九贱(1)_HTML5视频教程"
class="aBlack aClass">独孤九贱(1)_HTML5视频教程</a>
</dt>
<dd class="flexRow studyandcoll">
<p>615934次学习</p><em><a class="courseICollection " data-id="372"
href="javascript:void(0);"><b></b>收藏</a></em>
</dd>
</div>
</div>
</div>
<div class="codevideo-tab flexColumn">
<div class="vtaba-free">
<p>免费</p>
</div>
<a class="codevtaba flexRow" href="/course/582.html" title="独孤九贱(6)_jQuery视频教程">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6e0d2b744633.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="独孤九贱(6)_jQuery视频教程" class="codevtabimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="codevtdown flexColumn">
<div>
<dt><i class='bg2'>中级</i>
<a href="/course/582.html" title="独孤九贱(6)_jQuery视频教程"
class="aBlack aClass">独孤九贱(6)_jQuery视频教程</a>
</dt>
<dd class="flexRow studyandcoll">
<p>341081次学习</p><em><a class="courseICollection " data-id="582"
href="javascript:void(0);"><b></b>收藏</a></em>
</dd>
</div>
</div>
</div>
<div class="codevideo-tab flexColumn">
<div class="vtaba-free">
<p>免费</p>
</div>
<a class="codevtaba flexRow" href="/course/585.html" title="独孤九贱(7)_Bootstrap视频教程">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6e1577037989.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="独孤九贱(7)_Bootstrap视频教程" class="codevtabimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="codevtdown flexColumn">
<div>
<dt><i class='bg2'>中级</i>
<a href="/course/585.html" title="独孤九贱(7)_Bootstrap视频教程"
class="aBlack aClass">独孤九贱(7)_Bootstrap视频教程</a>
</dt>
<dd class="flexRow studyandcoll">
<p>270827次学习</p><em><a class="courseICollection " data-id="585"
href="javascript:void(0);"><b></b>收藏</a></em>
</dd>
</div>
</div>
</div>
<div class="codevideo-tab flexColumn">
<div class="vtaba-free">
<p>免费</p>
</div>
<a class="codevtaba flexRow" href="/course/373.html" title="独孤九贱(2)_CSS视频教程">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6de7424b9255.jpg?x-oss-process=image/resize,m_fill,h_150,w_263" alt="独孤九贱(2)_CSS视频教程" class="codevtabimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="codevtdown flexColumn">
<div>
<dt><i class='bg1'>初级</i>
<a href="/course/373.html" title="独孤九贱(2)_CSS视频教程"
class="aBlack aClass">独孤九贱(2)_CSS视频教程</a>
</dt>
<dd class="flexRow studyandcoll">
<p>229605次学习</p><em><a class="courseICollection " data-id="373"
href="javascript:void(0);"><b></b>收藏</a></em>
</dd>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="conRight">
<div class="technology-news rightDiv">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>科技资讯</p>
</div>
<a class="rititle-more flexRow" href="/it" title="科技资讯">更多</a>
</div>
<ul class="tecnewul">
<li class="tecnelli flexRow">
<a href="/faq/1691894.html" title="微软 AI 负责人称追求有意识的人工智能是“荒谬的”" class="tecna">
<img src="https://img.php.cn/upload/article/001/246/273/176234240437585.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="微软 AI 负责人称追求有意识的人工智能是“荒谬的”" class="tecnAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="tecnRight flexColumn">
<a href="/faq/1691894.html" title="微软 AI 负责人称追求有意识的人工智能是“荒谬的”"
class="tecnda overflowclass">微软 AI 负责人称追求有意识的人工智能是“荒谬的”</a>
<a class="tecnp overflowclass" href="/faq/1691894.html" title="微软 AI 负责人称追求有意识的人工智能是“荒谬的”">微软AI负责人穆斯塔法·苏莱曼近日在休斯敦举行的AfroTech大会上指出，当前行业对“有意识的AI”的追求是一种误导，认为开发具备意识的人工智能系统是“荒谬之举”。他明确表示，这种方向属于“错误地提出问题”，并将引导技术走向不正确的演进路径。他援引“生物自然主义”理论强调，意识是生命体特有的属性，源于生物机体的内在体验。AI虽能生成连贯的叙述，但无法真正感受情绪，如痛苦、悲伤或喜悦。因此，他坚定断言：“AI没有意识，也永远不可能拥有意识。”在产品设计层面，微软正推动建立清晰身份界限的AI交互方</a>
</div>
</li>
<li class="tecnelli flexRow">
<a href="/faq/1691883.html" title="谷歌 320 亿美元收购 Wiz 交易通过美国司法部反垄断审查" class="tecna">
<img src="https://img.php.cn/upload/article/001/246/273/176234226410854.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="谷歌 320 亿美元收购 Wiz 交易通过美国司法部反垄断审查" class="tecnAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="tecnRight flexColumn">
<a href="/faq/1691883.html" title="谷歌 320 亿美元收购 Wiz 交易通过美国司法部反垄断审查"
class="tecnda overflowclass">谷歌 320 亿美元收购 Wiz 交易通过美国司法部反垄断审查</a>
<a class="tecnp overflowclass" href="/faq/1691883.html" title="谷歌 320 亿美元收购 Wiz 交易通过美国司法部反垄断审查">网络安全企业Wiz的首席执行官在周二透露，谷歌母公司Alphabet对该公司的收购案已顺利通过美国司法部（DOJ）的反垄断审查。这项估值约为320亿美元的交易，有望成为Alphabet历史上规模最大的一次并购。交易一旦落地，Wiz将并入谷歌云部门，进一步增强谷歌在网络安全领域的服务能力，协助客户应对日益严峻的安全威胁与潜在风险。谈及司法部的审查进展，WizCEO阿萨夫・拉帕波特表示：“这无疑是一个关键进展，但我们仍处于从协议签署到最终交割的推进阶段。”早在今年6月，彭博社就曾报道</a>
</div>
</li>
<li class="tecnelli flexRow">
<a href="/faq/1691849.html" title="大语言模型无法可靠地区分信念、知识与事实" class="tecna">
<img src="https://img.php.cn/upload/article/001/246/273/176234162089272.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="大语言模型无法可靠地区分信念、知识与事实" class="tecnAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="tecnRight flexColumn">
<a href="/faq/1691849.html" title="大语言模型无法可靠地区分信念、知识与事实"
class="tecnda overflowclass">大语言模型无法可靠地区分信念、知识与事实</a>
<a class="tecnp overflowclass" href="/faq/1691849.html" title="大语言模型无法可靠地区分信念、知识与事实">作者：赵路来源：中国科学报https://news.sciencenet.cn/htmlnews/2025/11/554528.shtm一项最新研究指出，大语言模型（LLM）在识别用户错误信念方面可能存在局限性。该研究结果提示，在医学、法律和科学等高风险决策场景中，应谨慎对待LLM输出的内容，尤其是在面对与事实相冲突的个人信念时。相关成果于11月4日发表在《自然-机器智能》上。随着人工智能技术的发展，尤其是大语言模型的应用日益广泛，让这些系统具备分辨个体信念与客观事实的能力变得愈发关键。例如，在</a>
</div>
</li>
</ul>
</div>
<div class="readCharts">
<div class="readDown flexColumn">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b><b></b></div>
<a class="rititle-more flexRow" href="/article.html" target="_blank" title="更多">更多</a>
</div>
<ul class="rcUl">
<li class="rcLi flexRow">
<div class="rclileft">
<p>1</p>
</div>
<div class="flexColumn rcreadDiv">
<a href="/faq/1691939.html" class=" aClass readA overflowclass"
title="c++如何初始化一个vector_C++向量初始化的多种方式">c++如何初始化一个vector_C++向量初始化的多种方式</a>
<a href="/faq/1691939.html" class=" aClass overflowclass"
title="c++如何初始化一个vector_C++向量初始化的多种方式">C++中vector常用初始化方法包括：1.默认初始化创建空vector；2.指定大小及初始值；3.初始化列表赋值；4.从数组指针或begin/end迭代器构造；5.拷贝其他vector；6.使用任意容器迭代器范围；7.结合lambda动态初始化。</a>
</div>
</li>
<li class="rcLi flexRow">
<div class="rclileft">
<p>2</p>
</div>
<div class="flexColumn rcreadDiv">
<a href="/faq/1691936.html" class=" aClass readA overflowclass"
title="使用Service Worker实现离线应用_javascript技巧">使用Service Worker实现离线应用_javascript技巧</a>
</div>
</li>
<li class="rcLi flexRow">
<div class="rclileft">
<p>3</p>
</div>
<div class="flexColumn rcreadDiv">
<a href="/faq/1691935.html" class=" aClass readA overflowclass"
title="npm包怎么管理和使用_npm包管理工具安装与使用全攻略">npm包怎么管理和使用_npm包管理工具安装与使用全攻略</a>
</div>
</li>
<li class="rcLi flexRow">
<div class="rclileft">
<p>4</p>
</div>
<div class="flexColumn rcreadDiv">
<a href="/faq/1691937.html" class=" aClass readA overflowclass"
title="Go 项目资源文件管理策略：从外部引用到内部嵌入">Go 项目资源文件管理策略：从外部引用到内部嵌入</a>
</div>
</li>
<li class="rcLi flexRow">
<div class="rclileft">
<p>5</p>
</div>
<div class="flexColumn rcreadDiv">
<a href="/faq/1691934.html" class=" aClass readA overflowclass"
title="如何在Golang中提升HTTP请求处理效率_Golang HTTP请求处理效率优化方法汇总">如何在Golang中提升HTTP请求处理效率_Golang HTTP请求处理效率优化方法汇总</a>
</div>
</li>
<li class="rcLi flexRow">
<div class="rclileft">
<p>6</p>
</div>
<div class="flexColumn rcreadDiv">
<a href="/faq/1691931.html" class=" aClass readA overflowclass"
title="html如何制作开关_HTML开关（toggle）功能（CSS/JS）实现方法">html如何制作开关_HTML开关（toggle）功能（CSS/JS）实现方法</a>
</div>
</li>
<li class="rcLi flexRow">
<div class="rclileft">
<p>7</p>
</div>
<div class="flexColumn rcreadDiv">
<a href="/faq/1691929.html" class=" aClass readA overflowclass"
title="C#如何生成随机数 C# Random类的使用方法和技巧">C#如何生成随机数 C# Random类的使用方法和技巧</a>
</div>
</li>
<li class="rcLi flexRow">
<div class="rclileft">
<p>8</p>
</div>
<div class="flexColumn rcreadDiv">
<a href="/faq/1691917.html" class=" aClass readA overflowclass"
title="c++怎么用Qt开发一个GUI应用_c++使用Qt框架开发图形界面入门">c++怎么用Qt开发一个GUI应用_c++使用Qt框架开发图形界面入门</a>
</div>
</li>
<li class="rcLi flexRow">
<div class="rclileft">
<p>9</p>
</div>
<div class="flexColumn rcreadDiv">
<a href="/faq/1691912.html" class=" aClass readA overflowclass"
title="HTML如何循环输入_HTML表单循环输入（JS动态添加字段）实现方法">HTML如何循环输入_HTML表单循环输入（JS动态添加字段）实现方法</a>
</div>
</li>
</ul>
</div>
</div>
<div class="adversitement">
<script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script>
</div>
<div class=" rightStudy rightDiv">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p> 精选课程</p>
</div>
<a class="rititle-more flexRow" href="/course/sort_new.html" title="精选课程">更多</a>
</div>
<div class="ristyList flexColumn">
<div class="ristyA flexRow ">
<a href="/course/797.html" title="PHP实战天龙八部之微信支付视频教程">
<img src="https://img.php.cn/upload/course/000/000/001/5d242759adb88970.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="PHP实战天龙八部之微信支付视频教程" class="ristyAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/797.html" title="PHP实战天龙八部之微信支付视频教程"
class="rirightp overflowclass">PHP实战天龙八部之微信支付视频教程</a>
<div class="risrdown flexRow">
<p>共5课时</p><b></b>
<p>17.2万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow ">
<a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站">
<img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="PHP实战天龙八部之仿爱奇艺电影网站" class="ristyAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站"
class="rirightp overflowclass">PHP实战天龙八部之仿爱奇艺电影网站</a>
<div class="risrdown flexRow">
<p>共49课时</p><b></b>
<p>77万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow ">
<a href="/course/880.html" title="前端入门_HTML5">
<img src="https://img.php.cn/upload/course/000/000/068/6255589398c2c999.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="前端入门_HTML5" class="ristyAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/880.html" title="前端入门_HTML5"
class="rirightp overflowclass">前端入门_HTML5</a>
<div class="risrdown flexRow">
<p>共29课时</p><b></b>
<p>61.7万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow ">
<a href="/course/893.html" title="CSS视频教程-玉女心经版">
<img src="https://img.php.cn/upload/course/000/000/068/625558b87e512730.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="CSS视频教程-玉女心经版" class="ristyAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/893.html" title="CSS视频教程-玉女心经版"
class="rirightp overflowclass">CSS视频教程-玉女心经版</a>
<div class="risrdown flexRow">
<p>共25课时</p><b></b>
<p>39.3万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow ">
<a href="/course/894.html" title="JavaScript极速入门_玉女心经系列">
<img src="https://img.php.cn/upload/course/000/000/068/625558e4f11c8518.png?x-oss-process=image/resize,m_fill,h_88,w_162" alt="JavaScript极速入门_玉女心经系列" class="ristyAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/894.html" title="JavaScript极速入门_玉女心经系列"
class="rirightp overflowclass">JavaScript极速入门_玉女心经系列</a>
<div class="risrdown flexRow">
<p>共43课时</p><b></b>
<p>70.9万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow ">
<a href="/course/372.html" title="独孤九贱(1)_HTML5视频教程">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6ddbecdb1707.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(1)_HTML5视频教程" class="ristyAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/372.html" title="独孤九贱(1)_HTML5视频教程"
class="rirightp overflowclass">独孤九贱(1)_HTML5视频教程</a>
<div class="risrdown flexRow">
<p>共25课时</p><b></b>
<p>61.6万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow ">
<a href="/course/373.html" title="独孤九贱(2)_CSS视频教程">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6de7424b9255.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(2)_CSS视频教程" class="ristyAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/373.html" title="独孤九贱(2)_CSS视频教程"
class="rirightp overflowclass">独孤九贱(2)_CSS视频教程</a>
<div class="risrdown flexRow">
<p>共22课时</p><b></b>
<p>23万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow ">
<a href="/course/386.html" title="独孤九贱(3)_JavaScript视频教程">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6df423564706.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(3)_JavaScript视频教程" class="ristyAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/386.html" title="独孤九贱(3)_JavaScript视频教程"
class="rirightp overflowclass">独孤九贱(3)_JavaScript视频教程</a>
<div class="risrdown flexRow">
<p>共28课时</p><b></b>
<p>33.9万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow ">
<a href="/course/379.html" title="独孤九贱(4)_PHP视频教程">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg?x-oss-process=image/resize,m_fill,h_88,w_162" alt="独孤九贱(4)_PHP视频教程" class="ristyAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/379.html" title="独孤九贱(4)_PHP视频教程"
class="rirightp overflowclass">独孤九贱(4)_PHP视频教程</a>
<div class="risrdown flexRow">
<p>共89课时</p><b></b>
<p>125万人学习</p>
</div>
</div>
</div>
</div>
</div>
<div class=" rightDowns rightDiv">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p> 热门下载</p>
</div>
<a class="rititle-more flexRow" href="/xiazai/" title="热门下载">更多</a>
</div>
<div class="rids">
<div href="/xiazai/gongju/845" title="phpStudy 2018最新版" class="ridsA flexRow " >
<a href="/xiazai/gongju/845" title="phpStudy 2018最新版">
<img src="https://img.php.cn/upload/manual/000/000/001/5a5f0fb612676526.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="phpStudy 2018最新版" class="ridsAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ridsaRight flexColumn">
<a href="/xiazai/gongju/845" title="phpStudy 2018最新版" class="ridsrp overflowclass">phpStudy 2018最新版</a>
<a class="ridsrdown flexRow" href="/xiazai/gongju/845" title="phpStudy 2018最新版">
<p>下载</p>
</a>
</div>
</div>
<div href="/xiazai/gongju/1351" title="vc9-vc14（32+64位）运行库合集（链接在下方）" class="ridsA flexRow " >
<a href="/xiazai/gongju/1351" title="vc9-vc14（32+64位）运行库合集（链接在下方）">
<img src="https://img.php.cn/upload/manual/000/000/001/5a6a896b53dea437.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="vc9-vc14（32+64位）运行库合集（链接在下方）" class="ridsAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ridsaRight flexColumn">
<a href="/xiazai/gongju/1351" title="vc9-vc14（32+64位）运行库合集（链接在下方）" class="ridsrp overflowclass">vc9-vc14（32+64位）运行库合集（链接在下方）</a>
<a class="ridsrdown flexRow" href="/xiazai/gongju/1351" title="vc9-vc14（32+64位）运行库合集（链接在下方）">
<p>下载</p>
</a>
</div>
</div>
<div href="/xiazai/gongju/1479" title="VC9 32位" class="ridsA flexRow " >
<a href="/xiazai/gongju/1479" title="VC9 32位">
<img src="https://img.php.cn/upload/manual/000/000/001/5af2c4207a616756.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="VC9 32位" class="ridsAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ridsaRight flexColumn">
<a href="/xiazai/gongju/1479" title="VC9 32位" class="ridsrp overflowclass">VC9 32位</a>
<a class="ridsrdown flexRow" href="/xiazai/gongju/1479" title="VC9 32位">
<p>下载</p>
</a>
</div>
</div>
<div href="/xiazai/gongju/1481" title="VC11 32位" class="ridsA flexRow " >
<a href="/xiazai/gongju/1481" title="VC11 32位">
<img src="https://img.php.cn/upload/manual/000/000/001/5af2c4684dbe4408.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="VC11 32位" class="ridsAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ridsaRight flexColumn">
<a href="/xiazai/gongju/1481" title="VC11 32位" class="ridsrp overflowclass">VC11 32位</a>
<a class="ridsrdown flexRow" href="/xiazai/gongju/1481" title="VC11 32位">
<p>下载</p>
</a>
</div>
</div>
<div href="/xiazai/gongju/714" title="php程序员工具箱完整版" class="ridsA flexRow " >
<a href="/xiazai/gongju/714" title="php程序员工具箱完整版">
<img src="https://img.php.cn/upload/manual/000/000/001/5a718c0e5be0a511.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="php程序员工具箱完整版" class="ridsAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ridsaRight flexColumn">
<a href="/xiazai/gongju/714" title="php程序员工具箱完整版" class="ridsrp overflowclass">php程序员工具箱完整版</a>
<a class="ridsrdown flexRow" href="/xiazai/gongju/714" title="php程序员工具箱完整版">
<p>下载</p>
</a>
</div>
</div>
<div href="/xiazai/gongju/1484" title="VC14 32位" class="ridsA flexRow " >
<a href="/xiazai/gongju/1484" title="VC14 32位">
<img src="https://img.php.cn/upload/manual/000/000/001/5af2c54fc1f91550.jpg?x-oss-process=image/resize,m_fill,h_60,w_101" alt="VC14 32位" class="ridsAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ridsaRight flexColumn">
<a href="/xiazai/gongju/1484" title="VC14 32位" class="ridsrp overflowclass">VC14 32位</a>
<a class="ridsrdown flexRow" href="/xiazai/gongju/1484" title="VC14 32位">
<p>下载</p>
</a>
</div>
</div>
<div href="/xiazai/gongju/93" title="SublimeText3汉化版" class="ridsA flexRow " >
<a href="/xiazai/gongju/93" title="SublimeText3汉化版">
<img src="https://img.php.cn/upload/manual/000/000/001/58a1753774be3478.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="SublimeText3汉化版" class="ridsAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ridsaRight flexColumn">
<a href="/xiazai/gongju/93" title="SublimeText3汉化版" class="ridsrp overflowclass">SublimeText3汉化版</a>
<a class="ridsrdown flexRow" href="/xiazai/gongju/93" title="SublimeText3汉化版">
<p>下载</p>
</a>
</div>
</div>
<div href="/xiazai/gongju/92" title="Notepad++7.3.1" class="ridsA flexRow " >
<a href="/xiazai/gongju/92" title="Notepad++7.3.1">
<img src="https://img.php.cn/upload/manual/000/000/001/58a1713812af3871.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="Notepad++7.3.1" class="ridsAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ridsaRight flexColumn">
<a href="/xiazai/gongju/92" title="Notepad++7.3.1" class="ridsrp overflowclass">Notepad++7.3.1</a>
<a class="ridsrdown flexRow" href="/xiazai/gongju/92" title="Notepad++7.3.1">
<p>下载</p>
</a>
</div>
</div>
<div href="/xiazai/gongju/1500" title="phpStudy V8.1（Win64位）（已支持php8）" class="ridsA flexRow " >
<a href="/xiazai/gongju/1500" title="phpStudy V8.1（Win64位）（已支持php8）">
<img src="https://img.php.cn/upload/manual/000/000/001/5eb23582ba149960.png?x-oss-process=image/resize,m_fill,h_60,w_101" alt="phpStudy V8.1（Win64位）（已支持php8）" class="ridsAimg"
onerror="this.src='/static/lhimages/moren/morentu.png'">
</a>
<div class="ridsaRight flexColumn">
<a href="/xiazai/gongju/1500" title="phpStudy V8.1（Win64位）（已支持php8）" class="ridsrp overflowclass">phpStudy V8.1（Win64位）（已支持php8）</a>
<a class="ridsrdown flexRow" href="/xiazai/gongju/1500" title="phpStudy V8.1（Win64位）（已支持php8）">
<p>下载</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--底部-->
<div class="phpFoot">
<div class="phpFootIn">
<div class="phpFootCont">
<div class="phpFootLeft">
<dl>
<dt>
<a href="/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a>
<a href="/about/disclaimer.html" rel="nofollow" target="_blank" title="免责申明" class="cBlack">免责申明</a>
<a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a>
<a href="https://www.php.cn/teacher.html" rel="nofollow" target="_blank" title="讲师合作" class="cBlack">讲师合作</a>
<a href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a>
<!--<a href="javascript:;" target="_blank" title="其他合作" class="cBlack">其他合作</a>-->
<a href="/new/" target="_blank" title="最新文章列表" class="cBlack">最新更新</a>
<a href="https://global.php.cn/" target="_blank" title="English" class="cBlack">English</a>
<div class="clear"></div>
</dt>
<dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd>
<dd class="cont2">
<span class="ylwTopBox">
<a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a>
<em style="display:none;" class="ylwTopSub">
<p>微信扫码<br/>关注PHP中文网服务号</p>
<img src="/static/images/examples/text16.png"/>
</em>
</span>
<span class="ylwTopBox">
<a href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes" target="_blank" class="cBlack"><b class="icon2"></b>技术交流群</a>
<em style="display:none;" class="ylwTopSub">
<p>QQ扫码<br/>加入技术交流群</p>
<img src="/static/images/examples/text18.png"/>
</em>
</span>
<div class="clear"></div>
</dd>
</dl>
</div>
<div class="phpFootRight">
<div class="phpFootMsg">
<span><img src="/static/images/examples/text17.png"/></span>
<dl>
<dt>PHP中文网订阅号</dt>
<dd>每天精选资源文章推送</dd>
</dl>
</div>
<div class="phpFootMsg">
<span><img src="/static/images/examples/text14.png"/></span>
<dl>
<dt>PHP中文网APP</dt>
<dd>随时随地碎片化学习</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="phpFootCode">
<div class="phpFootCodeIn"><p>Copyright 2014-2025 <a href="https://www.php.cn/" target="_blank">https://www.php.cn/</a> All Rights Reserved | php.cn | <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备2023035733号</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a></div>
</div>
</div>
<input type="hidden" id="verifycode" value="/captcha.html">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>
<span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span>
<script src="/static/js/cdn.js?v=1.0.1"></script>
<!--底部 end-->
<script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script>
<script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script src="/static/js/CodeRunOnline.js?3.1"></script>
<script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?aaf8dba0861f46190106021371583c62";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(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>
<script>
function copyCurrentUrl() {
const url = window.location.href;
const input = document.createElement('input');
input.value = url;
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
alert('✅ 已复制当前链接：' + url);
}
</script>
</html>
