\n

\n\n\n\n

The DOM represents it as:
\n<\/p>\n\n

- Document\n  - html\n    - head\n      - title\n    - body\n      - h1\n      - p\n<\/pre>\n\n\n\n\n
\n\n

\n \n \n DOM ???<\/strong>\n<\/h3>\n\n

JavaScript? DOM ??? ???? ???? ??? ?????. <\/p>\n\n

\n \n \n ???? ?? ??<\/strong>\n<\/h4>\n\n
    \n
  1. \ngetElementById<\/strong>\nID? ??? ?????.\n<\/li>\n<\/ol>\n\n
       const title = document.getElementById(\"title\");\n   console.log(title.innerText); \/\/ Output: Hello, DOM!\n<\/pre>\n\n\n\n
      \n
    1. \ngetElementsByClassName<\/strong>\n??? ???? ??? ?????(??? ??).\n<\/li>\n<\/ol>\n\n
         const paragraphs = document.getElementsByClassName(\"description\");\n   console.log(paragraphs[0].innerText);\n<\/pre>\n\n\n\n
        \n
      1. \ngetElementsByTagName<\/strong>\n?? ??(?: div, p)?? ??? ?????.\n<\/li>\n<\/ol>\n\n
           const headings = document.getElementsByTagName(\"h1\");\n   console.log(headings[0].innerText);\n<\/pre>\n\n\n\n
          \n
        1. \n?????<\/strong>\nCSS ???? ???? ? ?? ??? ?????.\n<\/li>\n<\/ol>\n\n
             const title = document.querySelector(\"#title\");\n<\/pre>\n\n\n\n
            \n
          1. \nquerySelectorAll<\/strong>\nCSS ???? ???? ?? ??? ???????(NodeList ??).\n<\/li>\n<\/ol>\n\n
               const paragraphs = document.querySelectorAll(\".description\");\n<\/pre>\n\n\n\n\n
            \n\n

            \n \n \n DOM ??<\/strong>\n<\/h3>\n\n

            ??? ??? ??, ?? ? ???? ???? ??? ? ????.<\/p>\n\n

            \n \n \n 1. ??? ??<\/strong>\n<\/h4>\n\n<\/pre>\n
              \n
            • \ninnerHTML<\/strong>: HTML ???? ????? ?????.\n<\/li>\n<\/ul>\n\n
                document.getElementById(\"title\").innerHTML = \"Welcome to the DOM!\";\n<\/pre>\n\n\n\n
                \n
              • \ninnerText<\/strong> ?? textContent<\/strong>: ?? ???? ????? ?????.\n<\/li>\n<\/ul>\n\n
                  document.getElementById(\"title\").innerText = \"Hello, World!\";\n<\/pre>\n\n\n\n

                \n \n \n 2. ?? ??<\/strong>\n<\/h4>\n\n
                  \n
                • ?? ??? ????? setAttribute ? getAttribute? ?????.\n<\/li>\n<\/ul>\n\n
                    const link = document.querySelector(\"a\");\n  link.setAttribute(\"href\", \"https:\/\/example.com\");\n<\/pre>\n\n\n\n
                    \n
                  • id, className, src? ?? ??? ?? ?????.\n<\/li>\n<\/ul>\n\n
                      const image = document.querySelector(\"img\");\n  image.src = \"image.jpg\";\n<\/pre>\n\n\n\n

                    \n \n \n 3. ??? ???<\/strong>\n<\/h4>\n\n

                    CSS ??? ?? ?????.
                    \n<\/p>\n

                    \n\n  \n    DOM Example<\/title>\n  <\/head>\n  <body>
                    <h1><a href="http://ipnx.cn/">亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱</a></h1>\n    <h1>\n\n\n\n<p>The DOM represents it as:<br>\n<\/p>\n\n<pre>- Document\n  - html\n    - head\n      - title\n    - body\n      - h1\n      - p\n<\/pre>\n\n\n\n\n<hr>\n\n<h3>\n  \n  \n  <strong>?? ?? ? ??<\/strong>\n<\/h3>\n\n<h4>\n  \n  \n  <strong>1. ?? ??<\/strong>\n<\/h4>\n\n<\/pre>\n<ul>\n<li>\n<strong>createElement<\/strong>: ? ??? ?????.\n<\/li>\n<li>\n<strong>appendChild<\/strong>: ?? ??? ??? ?????.\n<\/li>\n<\/ul>\n\n<pre>   const title = document.getElementById(\"title\");\n   console.log(title.innerText); \/\/ Output: Hello, DOM!\n<\/pre>\n\n\n\n<h4>\n  \n  \n  <strong>2. ?? ??<\/strong>\n<\/h4>\n\n<ul>\n<li>\n<strong>removeChild<\/strong>: ?? ??? ?????.\n<\/li>\n<\/ul>\n\n<pre>   const paragraphs = document.getElementsByClassName(\"description\");\n   console.log(paragraphs[0].innerText);\n<\/pre>\n\n\n\n\n<hr>\n\n<h3>\n  \n  \n  <strong>DOM??? ??? ??<\/strong>\n<\/h3>\n\n<p>???? ???? ? ???? ?? ?????? ??? ???? ?????.  <\/p>\n\n<h4>\n  \n  \n  <strong>??? ??? ??<\/strong>\n<\/h4>\n\n<p>addEventListener? ???? ???? ??? ??????.<br>\n<\/p>\n\n<pre>   const headings = document.getElementsByTagName(\"h1\");\n   console.log(headings[0].innerText);\n<\/pre>\n\n\n\n<h4>\n  \n  \n  <strong>????<\/strong>\n<\/h4>\n\n<ol>\n<li>\n<strong>??? ???<\/strong>: ??, dblclick, ?????, ?????\n<\/li>\n<li>\n<strong>??? ???<\/strong>: keydown, keyup\n<\/li>\n<li>\n<strong>?? ???<\/strong>: ??, ??, ??\n<\/li>\n<\/ol>\n\n\n<hr>\n\n<h3>\n  \n  \n  <strong>DOM ??<\/strong>\n<\/h3>\n\n<p>DOM ??? ??? ???? ?? ?? ??? ? ????.<\/p>\n\n<h4>\n  \n  \n  <strong>??? ??<\/strong>\n<\/h4>\n\n<ul>\n<li>\n<strong>parentNode<\/strong>: ?? ??? ?????.\n<\/li>\n<li>\n<strong>childNodes<\/strong>: ?? ?? ??? ?????.\n<\/li>\n<li>\n<strong>children<\/strong>: ?? ?? ??? ?????.\n<\/li>\n<\/ul>\n\n<pre>   const title = document.querySelector(\"#title\");\n<\/pre>\n\n\n\n<h4>\n  \n  \n  <strong>??<\/strong>\n<\/h4>\n\n<ul>\n<li>\n<strong>nextSibling<\/strong>: ?? ?? ??? ?????.\n<\/li>\n<li>\n<strong>previousSibling<\/strong>: ?? ?? ??? ?????.\n<\/li>\n<\/ul>\n\n\n<hr>\n\n<h3>\n  \n  \n  <strong>?? DOM ??<\/strong>\n<\/h3>\n\n<h4>\n  \n  \n  <strong>1. ?? ??<\/strong>\n<\/h4>\n\n<p>cloneNode? ???? ??? ???? ????.<br>\n<\/p>\n\n<pre>   const paragraphs = document.querySelectorAll(\".description\");\n<\/pre>\n\n\n\n<h4>\n  \n  \n  <strong>2. ??? ??<\/strong>\n<\/h4>\n\n<p>???? ????? classList ??? ?????.<br>\n<\/p>\n\n<pre>  document.getElementById(\"title\").innerHTML = \"Welcome to the DOM!\";\n<\/pre>\n\n\n\n<h4>\n  \n  \n  <strong>3. ??? ??<\/strong>\n<\/h4>\n\n<p>HTML ???? ??? ??? ???? ?????.<br>\n<\/p>\n\n<pre>  document.getElementById(\"title\").innerText = \"Hello, World!\";\n<\/pre>\n\n\n\n\n<hr>\n\n<h3>\n  \n  \n  <strong>DOM ?? ?? ??<\/strong>\n<\/h3>\n\n<ol>\n<li>\n<p><strong>???? ? ?? ??? ???<\/strong>: <\/p>\n\n<ul>\n<li>??? ???? ???? ?? DOM ??? ?? ?????.\n<\/li>\n<li>?? ?????? documentFragment? ?????.\n<\/li>\n<\/ul>\n<\/li>\n<li><p><strong>??? ?? ??<\/strong>:<br><br>\n?? ?? ?? ?? ?? ??? ???? ?????.<br>\n<\/p><\/li>\n<\/ol>\n\n<pre><!DOCTYPE html>\n<html>\n  <head>\n    <title>DOM Example<\/title>\n  <\/head>\n  <body>\n    <h1>\n\n\n\n<p>The DOM represents it as:<br>\n<\/p>\n\n<pre>- Document\n  - html\n    - head\n      - title\n    - body\n      - h1\n      - p\n<\/pre>\n\n\n\n<ol>\n<li>\n<strong>??? JavaScript? ????<\/strong>:\n??? ???? ????? ?? ????? addEventListener? ?????.<\/li>\n<\/ol>\n\n\n<hr>\n\n<h3>\n  \n  \n  <strong>??<\/strong>\n<\/h3>\n\n<p>JavaScript HTML DOM? ??? ??? ? ???? ??? ?? ??? ?????. ???? DOM ??, ??? ?? ? ?? ??? ???? ???? ??? ??? ????? ???? ???? ??? ???? ??????? ??? ? ????.<\/p>\n\n<p><strong>?????. ?? Abhay Singh Kathayat???!<\/strong><br>\n?? ?????? ??? ?? ??? ?? ?? ??? ?? ??? ??????. ?? ????? ?? ???? ??? ???? ??????? ???? ?? ??? ????? ?? ? ?????? ???? ?????.<br>\n? ???? ???? kaashshorts28@gmail.com?? ???? ?????.<\/p>\n\n\n          \n\n            \n        <\/pre>"}	</script>
                    	
                    <meta http-equiv="Cache-Control" content="no-transform" />
                    <meta http-equiv="Cache-Control" content="no-siteapp" />
                    <script>var V_PATH="/";window.onerror=function(){ return true; };</script>
                    </head>
                    
                    <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
                    	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
                    <header>
                        <div   id="wjcelcm34c"   class="head">
                            <div   id="wjcelcm34c"   class="haed_left">
                                <div   id="wjcelcm34c"   class="haed_logo">
                                    <a href="http://ipnx.cn/ko/" title="" class="haed_logo_a">
                                        <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                                    </a>
                                </div>
                                <div   id="wjcelcm34c"   class="head_nav">
                                    <div   id="wjcelcm34c"   class="head_navs">
                                        <a href="javascript:;" title="?? ??" class="head_nava head_nava-template1">?? ??</a>
                                        <div   class="wjcelcm34c"   id="dropdown-template1" style="display: none;">
                                            <div   id="wjcelcm34c"   class="languagechoose">
                                                <a href="http://ipnx.cn/ko/article.html" title="??" class="languagechoosea on">??</a>
                                                <a href="http://ipnx.cn/ko/faq/zt" title="??" class="languagechoosea">??</a>
                                                <a href="http://ipnx.cn/ko/wenda.html" title="Q&A" class="languagechoosea">Q&A</a>
                                            </div>
                                        </div>
                                    </div>
                    
                                    <div   id="wjcelcm34c"   class="head_navs">
                                        <a href="javascript:;" title="???" class="head_nava head_nava-template1_1">???</a>
                                        <div   class="wjcelcm34c"   id="dropdown-template1_1" style="display: none;">
                                            <div   id="wjcelcm34c"   class="languagechoose">
                                                <a href="http://ipnx.cn/ko/course.html" title="??" class="languagechoosea on">??</a>
                                                <a href="http://ipnx.cn/ko/dic/" title="????? ??" class="languagechoosea">????? ??</a>
                                            </div>
                                        </div>
                                    </div>
                    
                                    <div   id="wjcelcm34c"   class="head_navs">
                                        <a href="javascript:;" title="?? ?????" class="head_nava head_nava-template1_2">?? ?????</a>
                                        <div   class="wjcelcm34c"   id="dropdown-template1_2" style="display: none;">
                                            <div   id="wjcelcm34c"   class="languagechoose">
                                                <a href="http://ipnx.cn/ko/toolset/development-tools" title="?? ??" class="languagechoosea on">?? ??</a>
                                                <a href="http://ipnx.cn/ko/toolset/website-source-code" title="???? ?? ??" class="languagechoosea">???? ?? ??</a>
                                                <a href="http://ipnx.cn/ko/toolset/php-libraries" title="PHP ?????" class="languagechoosea">PHP ?????</a>
                                                <a href="http://ipnx.cn/ko/toolset/js-special-effects" title="JS ?? ??" class="languagechoosea on">JS ?? ??</a>
                                                <a href="http://ipnx.cn/ko/toolset/website-materials" title="???? ??" class="languagechoosea on">???? ??</a>
                                                <a href="http://ipnx.cn/ko/toolset/extension-plug-ins" title="?? ????" class="languagechoosea on">?? ????</a>
                                            </div>
                                        </div>
                                    </div>
                    
                                    <div   id="wjcelcm34c"   class="head_navs">
                                        <a href="http://ipnx.cn/ko/ai" title="AI ??" class="head_nava head_nava-template1_3">AI ??</a>
                                    </div>
                    
                                    <div   id="wjcelcm34c"   class="head_navs">
                                        <a href="javascript:;" title="??" class="head_nava head_nava-template1_3">??</a>
                                        <div   class="wjcelcm34c"   id="dropdown-template1_3" style="display: none;">
                                            <div   id="wjcelcm34c"   class="languagechoose">
                                                <a href="http://ipnx.cn/ko/game" title="?? ????" class="languagechoosea on">?? ????</a>
                                                <a href="http://ipnx.cn/ko/mobile-game-tutorial/" title="?? ????" class="languagechoosea">?? ????</a>
                    
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                        <div   id="wjcelcm34c"   class="head_search">
                                    <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('ko')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                                    <a href="javascript:;" title="??"  onclick="searchs('ko')"><img src="/static/imghw/find.png" alt="??"></a>
                                </div>
                                    <div   id="wjcelcm34c"   class="head_right">
                                <div   id="wjcelcm34c"   class="haed_language">
                                    <a href="javascript:;" class="layui-btn haed_language_btn">???<i class="layui-icon layui-icon-triangle-d"></i></a>
                                    <div   class="wjcelcm34c"   id="dropdown-template" style="display: none;">
                                        <div   id="wjcelcm34c"   class="languagechoose">
                                                                    <a href="javascript:setlang('zh-cn');" title="簡(jiǎn)體中文" class="languagechoosea">簡(jiǎn)體中文</a>
                                                                    <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                                    <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                                    <a href="javascript:setlang('ja');" title="日本語(yǔ)" class="languagechoosea">日本語(yǔ)</a>
                                                                    <a href="javascript:;" title="???" class="languagechoosea">???</a>
                                                                    <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
                                                                    <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                                    <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                                                </div>
                                    </div>
                                </div>
                                <span id="wjcelcm34c"    class="head_right_line"></span>
                                                <div style="display: block;" id="login" class="haed_login ">
                                        <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                                    </div>
                                    <div style="display: block;" id="reg" class="head_signup login">
                                        <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                                    </div>
                                
                            </div>
                        </div>
                    </header>
                    
                    	
                    	<main>
                    		<div   id="wjcelcm34c"   class="Article_Details_main">
                    			<div   id="wjcelcm34c"   class="Article_Details_main1">
                    							<div   id="wjcelcm34c"   class="Article_Details_main1M">
                    					<div   id="wjcelcm34c"   class="phpgenera_Details_mainL1">
                    						<a href="http://ipnx.cn/ko/" title="?"
                    							class="phpgenera_Details_mainL1a">?</a>
                    						<img src="/static/imghw/top_right.png" alt="" />
                    												<a href="http://ipnx.cn/ko/web-designer.html"
                    							class="phpgenera_Details_mainL1a">? ?????</a>
                    						<img src="/static/imghw/top_right.png" alt="" />
                    												<a href="http://ipnx.cn/ko/js-tutorial.html"
                    							class="phpgenera_Details_mainL1a">JS ????</a>
                    						<img src="/static/imghw/top_right.png" alt="" />
                    						<span>JavaScript HTML DOM ???: ?? ? ??? ???? ??</span>
                    					</div>
                    					
                    					<div   id="wjcelcm34c"   class="Articlelist_txts">
                    						<div   id="wjcelcm34c"   class="Articlelist_txts_info">
                    							<h1 class="Articlelist_txts_title">JavaScript HTML DOM ???: ?? ? ??? ???? ??</h1>
                    							<div   id="wjcelcm34c"   class="Articlelist_txts_info_head">
                    								<div   id="wjcelcm34c"   class="author_info">
                    									<a href="http://ipnx.cn/ko/member/1468492.html"  class="author_avatar">
                    									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/000/001/66ea8147b1057383.png" src="/static/imghw/default1.png" alt="Mary-Kate Olsen">
                    									</a>
                    									<div   id="wjcelcm34c"   class="author_detail">
                    																			<a href="http://ipnx.cn/ko/member/1468492.html" class="author_name">Mary-Kate Olsen</a>
                                                    										</div>
                    								</div>
                                    			</div>
                    							<span id="wjcelcm34c"    class="Articlelist_txts_time">Dec 20, 2024 am	 02:57 AM</span>
                    														
                    						</div>
                    					</div>
                    					<hr />
                    					<div   id="wjcelcm34c"   class="article_main php-article">
                    						<div   id="wjcelcm34c"   class="article-list-left detail-content-wrap content">
                    						<ins class="adsbygoogle"
                    							style="display:block; text-align:center;"
                    							data-ad-layout="in-article"
                    							data-ad-format="fluid"
                    							data-ad-client="ca-pub-5902227090019525"
                    							data-ad-slot="3461856641">
                    						</ins>
                    						
                    
                    					<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173463463582725.jpg" class="lazy" alt="Mastering the JavaScript HTML DOM: Building Dynamic and Interactive Webpages"></p>
                    <h3>
                      
                      
                      <strong>JavaScript HTML DOM: ?? ???</strong>
                    </h3>
                    
                    <p><strong>?? ?? ??(DOM)</strong>? ? ??? ????? ????????. ?? ????? ??? ?? ??? ????? ???? JavaScript? ???? HTML ? CSS? ??? ? ????. DOM? ????? ??? ??? ????? ?? ? ????.</p>
                    
                    
                    <hr>
                    
                    <h3>
                      
                      
                      <strong>DOM?? ??????</strong>
                    </h3>
                    
                    <p>DOM? HTML ??? ????? ??? ????. ?? ?? JavaScript? ????? ??, ?? ? ???? ???? ????? ??? ? ????.  </p>
                    
                    <h4>
                      
                      
                      ?:
                    </h4>
                    
                    <p>? HTML? ??:<br>
                    </p>
                    
                    <pre class="brush:php;toolbar:false"><!DOCTYPE html>
                    <html>
                      <head>
                        <title>DOM Example</title>
                      </head>
                      <body>
                        <h1>
                    
                    
                    
                    <p>The DOM represents it as:<br>
                    </p>
                    
                    <pre class="brush:php;toolbar:false">- Document
                      - html
                        - head
                          - title
                        - body
                          - h1
                          - p
                    </pre>
                    
                    
                    
                    
                    <hr>
                    
                    <h3>
                      
                      
                      <strong>DOM ???</strong>
                    </h3>
                    
                    <p>JavaScript? DOM ??? ???? ???? ??? ?????.  </p>
                    
                    <h4>
                      
                      
                      <strong>???? ?? ??</strong>
                    </h4>
                    
                    <ol>
                    <li>
                    <strong>getElementById</strong>
                    ID? ??? ?????.
                    </li>
                    </ol>
                    
                    <pre class="brush:php;toolbar:false">   const title = document.getElementById("title");
                       console.log(title.innerText); // Output: Hello, DOM!
                    </pre>
                    
                    
                    
                    <ol>
                    <li>
                    <strong>getElementsByClassName</strong>
                    ??? ???? ??? ?????(??? ??).
                    </li>
                    </ol>
                    
                    <pre class="brush:php;toolbar:false">   const paragraphs = document.getElementsByClassName("description");
                       console.log(paragraphs[0].innerText);
                    </pre>
                    
                    
                    
                    <ol>
                    <li>
                    <strong>getElementsByTagName</strong>
                    ?? ??(?: div, p)?? ??? ?????.
                    </li>
                    </ol>
                    
                    <pre class="brush:php;toolbar:false">   const headings = document.getElementsByTagName("h1");
                       console.log(headings[0].innerText);
                    </pre>
                    
                    
                    
                    <ol>
                    <li>
                    <strong>?????</strong>
                    CSS ???? ???? ? ?? ??? ?????.
                    </li>
                    </ol>
                    
                    <pre class="brush:php;toolbar:false">   const title = document.querySelector("#title");
                    </pre>
                    
                    
                    
                    <ol>
                    <li>
                    <strong>querySelectorAll</strong>
                    CSS ???? ???? ?? ??? ???????(NodeList ??).
                    </li>
                    </ol>
                    
                    <pre class="brush:php;toolbar:false">   const paragraphs = document.querySelectorAll(".description");
                    </pre>
                    
                    
                    
                    
                    <hr>
                    
                    <h3>
                      
                      
                      <strong>DOM ??</strong>
                    </h3>
                    
                    <p>??? ??? ??, ?? ? ???? ???? ??? ? ????.</p>
                    
                    <h4>
                      
                      
                      <strong>1. ??? ??</strong>
                    </h4>
                    
                    </pre>
                    <ul>
                    <li>
                    <strong>innerHTML</strong>: HTML ???? ????? ?????.
                    </li>
                    </ul>
                    
                    <pre class="brush:php;toolbar:false">  document.getElementById("title").innerHTML = "Welcome to the DOM!";
                    </pre>
                    
                    
                    
                    <ul>
                    <li>
                    <strong>innerText</strong> ?? <strong>textContent</strong>: ?? ???? ????? ?????.
                    </li>
                    </ul>
                    
                    <pre class="brush:php;toolbar:false">  document.getElementById("title").innerText = "Hello, World!";
                    </pre>
                    
                    
                    
                    <h4>
                      
                      
                      <strong>2. ?? ??</strong>
                    </h4>
                    
                    <ul>
                    <li>?? ??? ????? setAttribute ? getAttribute? ?????.
                    </li>
                    </ul>
                    
                    <pre class="brush:php;toolbar:false">  const link = document.querySelector("a");
                      link.setAttribute("href", "https://example.com");
                    </pre>
                    
                    
                    
                    <ul>
                    <li>id, className, src? ?? ??? ?? ?????.
                    </li>
                    </ul>
                    
                    <pre class="brush:php;toolbar:false">  const image = document.querySelector("img");
                      image.src = "image.jpg";
                    </pre>
                    
                    
                    
                    <h4>
                      
                      
                      <strong>3. ??? ???</strong>
                    </h4>
                    
                    <p>CSS ??? ?? ?????.<br>
                    </p>
                    <pre class="brush:php;toolbar:false"><!DOCTYPE html>
                    <html>
                      <head>
                        <title>DOM Example</title>
                      </head>
                      <body>
                        <h1>
                    
                    
                    
                    <p>The DOM represents it as:<br>
                    </p>
                    
                    <pre class="brush:php;toolbar:false">- Document
                      - html
                        - head
                          - title
                        - body
                          - h1
                          - p
                    </pre>
                    
                    
                    
                    
                    <hr>
                    
                    <h3>
                      
                      
                      <strong>?? ?? ? ??</strong>
                    </h3>
                    
                    <h4>
                      
                      
                      <strong>1. ?? ??</strong>
                    </h4>
                    
                    </pre>
                    <ul>
                    <li>
                    <strong>createElement</strong>: ? ??? ?????.
                    </li>
                    <li>
                    <strong>appendChild</strong>: ?? ??? ??? ?????.
                    </li>
                    </ul>
                    
                    <pre class="brush:php;toolbar:false">   const title = document.getElementById("title");
                       console.log(title.innerText); // Output: Hello, DOM!
                    </pre>
                    
                    
                    
                    <h4>
                      
                      
                      <strong>2. ?? ??</strong>
                    </h4>
                    
                    <ul>
                    <li>
                    <strong>removeChild</strong>: ?? ??? ?????.
                    </li>
                    </ul>
                    
                    <pre class="brush:php;toolbar:false">   const paragraphs = document.getElementsByClassName("description");
                       console.log(paragraphs[0].innerText);
                    </pre>
                    
                    
                    
                    
                    <hr>
                    
                    <h3>
                      
                      
                      <strong>DOM??? ??? ??</strong>
                    </h3>
                    
                    <p>???? ???? ? ???? ?? ?????? ??? ???? ?????.  </p>
                    
                    <h4>
                      
                      
                      <strong>??? ??? ??</strong>
                    </h4>
                    
                    <p>addEventListener? ???? ???? ??? ??????.<br>
                    </p>
                    
                    <pre class="brush:php;toolbar:false">   const headings = document.getElementsByTagName("h1");
                       console.log(headings[0].innerText);
                    </pre>
                    
                    
                    
                    <h4>
                      
                      
                      <strong>????</strong>
                    </h4>
                    
                    <ol>
                    <li>
                    <strong>??? ???</strong>: ??, dblclick, ?????, ?????
                    </li>
                    <li>
                    <strong>??? ???</strong>: keydown, keyup
                    </li>
                    <li>
                    <strong>?? ???</strong>: ??, ??, ??
                    </li>
                    </ol>
                    
                    
                    <hr>
                    
                    <h3>
                      
                      
                      <strong>DOM ??</strong>
                    </h3>
                    
                    <p>DOM ??? ??? ???? ?? ?? ??? ? ????.</p>
                    
                    <h4>
                      
                      
                      <strong>??? ??</strong>
                    </h4>
                    
                    <ul>
                    <li>
                    <strong>parentNode</strong>: ?? ??? ?????.
                    </li>
                    <li>
                    <strong>childNodes</strong>: ?? ?? ??? ?????.
                    </li>
                    <li>
                    <strong>children</strong>: ?? ?? ??? ?????.
                    </li>
                    </ul>
                    
                    <pre class="brush:php;toolbar:false">   const title = document.querySelector("#title");
                    </pre>
                    
                    
                    
                    <h4>
                      
                      
                      <strong>??</strong>
                    </h4>
                    
                    <ul>
                    <li>
                    <strong>nextSibling</strong>: ?? ?? ??? ?????.
                    </li>
                    <li>
                    <strong>previousSibling</strong>: ?? ?? ??? ?????.
                    </li>
                    </ul>
                    
                    
                    <hr>
                    
                    <h3>
                      
                      
                      <strong>?? DOM ??</strong>
                    </h3>
                    
                    <h4>
                      
                      
                      <strong>1. ?? ??</strong>
                    </h4>
                    
                    <p>cloneNode? ???? ??? ???? ????.<br>
                    </p>
                    
                    <pre class="brush:php;toolbar:false">   const paragraphs = document.querySelectorAll(".description");
                    </pre>
                    
                    
                    
                    <h4>
                      
                      
                      <strong>2. ??? ??</strong>
                    </h4>
                    
                    <p>???? ????? classList ??? ?????.<br>
                    </p>
                    
                    <pre class="brush:php;toolbar:false">  document.getElementById("title").innerHTML = "Welcome to the DOM!";
                    </pre>
                    
                    
                    
                    <h4>
                      
                      
                      <strong>3. ??? ??</strong>
                    </h4>
                    
                    <p>HTML ???? ??? ??? ???? ?????.<br>
                    </p>
                    
                    <pre class="brush:php;toolbar:false">  document.getElementById("title").innerText = "Hello, World!";
                    </pre>
                    
                    
                    
                    
                    <hr>
                    
                    <h3>
                      
                      
                      <strong>DOM ?? ?? ??</strong>
                    </h3>
                    
                    <ol>
                    <li>
                    <p><strong>???? ? ?? ??? ???</strong>: </p>
                    
                    <ul>
                    <li>??? ???? ???? ?? DOM ??? ?? ?????.
                    </li>
                    <li>?? ?????? documentFragment? ?????.
                    </li>
                    </ul>
                    </li>
                    <li><p><strong>??? ?? ??</strong>:<br><br>
                    ?? ?? ?? ?? ?? ??? ???? ?????.<br>
                    </p></li>
                    </ol>
                    
                    <pre class="brush:php;toolbar:false"><!DOCTYPE html>
                    <html>
                      <head>
                        <title>DOM Example</title>
                      </head>
                      <body>
                        <h1>
                    
                    
                    
                    <p>The DOM represents it as:<br>
                    </p>
                    
                    <pre class="brush:php;toolbar:false">- Document
                      - html
                        - head
                          - title
                        - body
                          - h1
                          - p
                    </pre>
                    
                    
                    
                    <ol>
                    <li>
                    <strong>??? JavaScript? ????</strong>:
                    ??? ???? ????? ?? ????? addEventListener? ?????.</li>
                    </ol>
                    
                    
                    <hr>
                    
                    <h3>
                      
                      
                      <strong>??</strong>
                    </h3>
                    
                    <p>JavaScript HTML DOM? ??? ??? ? ???? ??? ?? ??? ?????. ???? DOM ??, ??? ?? ? ?? ??? ???? ???? ??? ??? ????? ???? ???? ??? ???? ??????? ??? ? ????.</p>
                    
                    <p><strong>?????. ?? Abhay Singh Kathayat???!</strong><br>
                    ?? ?????? ??? ?? ??? ?? ?? ??? ?? ??? ??????. ?? ????? ?? ???? ??? ???? ??????? ???? ?? ??? ????? ?? ? ?????? ???? ?????.<br>
                    ? ???? ???? kaashshorts28@gmail.com?? ???? ?????.</p>
                    
                    
                              
                    
                                
                            </pre><p>? ??? JavaScript HTML DOM ???: ?? ? ??? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!</p>
                    
                    
                    						</div>
                    					</div>
                    					<div   id="wjcelcm34c"   class="wzconShengming_sp">
                    						<div   id="wjcelcm34c"   class="bzsmdiv_sp">? ????? ??</div>
                    						<div>? ?? ??? ????? ???? ??? ??????, ???? ?????? ????. ? ???? ?? ???? ?? ??? ?? ????. ???? ??? ???? ???? ??? ?? admin@php.cn?? ?????.</div>
                    					</div>
                    				</div>
                    
                    				<ins class="adsbygoogle"
                         style="display:block"
                         data-ad-format="autorelaxed"
                         data-ad-client="ca-pub-5902227090019525"
                         data-ad-slot="2507867629"></ins>
                    
                    
                    
                    				<div   id="wjcelcm34c"   class="AI_ToolDetails_main4sR">
                    
                    
                    				<ins class="adsbygoogle"
                            style="display:block"
                            data-ad-client="ca-pub-5902227090019525"
                            data-ad-slot="3653428331"
                            data-ad-format="auto"
                            data-full-width-responsive="true"></ins>
                        
                    
                    
                    					<!-- <div   id="wjcelcm34c"   class="phpgenera_Details_mainR4">
                    						<div   id="wjcelcm34c"   class="phpmain1_4R_readrank">
                    							<div   id="wjcelcm34c"   class="phpmain1_4R_readrank_top">
                    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    									src="/static/imghw/hotarticle2.png" alt="" />
                    								<h2>?? ??</h2>
                    							</div>
                    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottom">
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/1796832397.html" title="?? ?? ?? ??? | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">?? ?? ?? ??? | Uma Musume Pretty Derby</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<span>4 ? ? ?</span>
                    										<span>By Jack chen</span>
                    									</div>
                    								</div>
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/1796833110.html" title="<night> : ???? 99 ? - ?? ?? ? ?? ?? ??" class="phpgenera_Details_mainR4_bottom_title"><night> : ???? 99 ? - ?? ?? ? ?? ?? ??</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<span>3 ? ? ?</span>
                    										<span>By DDD</span>
                    									</div>
                    								</div>
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/1796831605.html" title="Uma Musume Pretty Derby ?? ?? (2025 ? 7 ?)" class="phpgenera_Details_mainR4_bottom_title">Uma Musume Pretty Derby ?? ?? (2025 ? 7 ?)</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<span>4 ? ? ?</span>
                    										<span>By Jack chen</span>
                    									</div>
                    								</div>
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/1796831905.html" title="Windows ??? ?? ??? ??? ???? ????" class="phpgenera_Details_mainR4_bottom_title">Windows ??? ?? ??? ??? ???? ????</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<span>4 ? ? ?</span>
                    										<span>By 下次還敢</span>
                    									</div>
                    								</div>
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/1796836699.html" title="?? ? ??? ????? Rimworld Odyssey ?? ???" class="phpgenera_Details_mainR4_bottom_title">?? ? ??? ????? Rimworld Odyssey ?? ???</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<span>3 ? ? ?</span>
                    										<span>By Jack chen</span>
                    									</div>
                    								</div>
                    														</div>
                    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_more">
                    								<a href="http://ipnx.cn/ko/article.html">???</a>
                    							</div>
                    						</div>
                    					</div> -->
                    
                    
                    											<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3">
                    							<div   id="wjcelcm34c"   class="phpmain1_4R_readrank">
                    								<div   id="wjcelcm34c"   class="phpmain1_4R_readrank_top">
                    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										src="/static/imghw/hottools2.png" alt="" />
                    									<h2>? AI ??</h2>
                    								</div>
                    								<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_bottom">
                    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
                    											<a href="http://ipnx.cn/ko/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
                    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
                    											</a>
                    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
                    												<a href="http://ipnx.cn/ko/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
                    													<h3>Undress AI Tool</h3>
                    												</a>
                    												<p>??? ???? ??</p>
                    											</div>
                    										</div>
                    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
                    											<a href="http://ipnx.cn/ko/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
                    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
                    											</a>
                    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
                    												<a href="http://ipnx.cn/ko/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
                    													<h3>Undresser.AI Undress</h3>
                    												</a>
                    												<p>???? ?? ??? ??? ?? AI ?? ?</p>
                    											</div>
                    										</div>
                    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
                    											<a href="http://ipnx.cn/ko/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
                    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
                    											</a>
                    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
                    												<a href="http://ipnx.cn/ko/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
                    													<h3>AI Clothes Remover</h3>
                    												</a>
                    												<p>???? ?? ???? ??? AI ?????.</p>
                    											</div>
                    										</div>
                    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
                    											<a href="http://ipnx.cn/ko/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
                    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
                    											</a>
                    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
                    												<a href="http://ipnx.cn/ko/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
                    													<h3>Clothoff.io</h3>
                    												</a>
                    												<p>AI ? ???</p>
                    											</div>
                    										</div>
                    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
                    											<a href="http://ipnx.cn/ko/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
                    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
                    											</a>
                    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
                    												<a href="http://ipnx.cn/ko/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
                    													<h3>Video Face Swap</h3>
                    												</a>
                    												<p>??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!</p>
                    											</div>
                    										</div>
                    																</div>
                    								<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_more">
                    									<a href="http://ipnx.cn/ko/ai">???</a>
                    								</div>
                    							</div>
                    						</div>
                    					
                    
                    
                    					<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4">
                    						<div   id="wjcelcm34c"   class="phpmain1_4R_readrank">
                    							<div   id="wjcelcm34c"   class="phpmain1_4R_readrank_top">
                    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    									src="/static/imghw/hotarticle2.png" alt="" />
                    								<h2>?? ??</h2>
                    							</div>
                    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottom">
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/1796832397.html" title="?? ?? ?? ??? | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">?? ?? ?? ??? | Uma Musume Pretty Derby</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<span>4 ? ? ?</span>
                    										<span>By Jack chen</span>
                    									</div>
                    								</div>
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/1796833110.html" title="<night> : ???? 99 ? - ?? ?? ? ?? ?? ??" class="phpgenera_Details_mainR4_bottom_title"><night> : ???? 99 ? - ?? ?? ? ?? ?? ??</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<span>3 ? ? ?</span>
                    										<span>By DDD</span>
                    									</div>
                    								</div>
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/1796831605.html" title="Uma Musume Pretty Derby ?? ?? (2025 ? 7 ?)" class="phpgenera_Details_mainR4_bottom_title">Uma Musume Pretty Derby ?? ?? (2025 ? 7 ?)</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<span>4 ? ? ?</span>
                    										<span>By Jack chen</span>
                    									</div>
                    								</div>
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/1796831905.html" title="Windows ??? ?? ??? ??? ???? ????" class="phpgenera_Details_mainR4_bottom_title">Windows ??? ?? ??? ??? ???? ????</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<span>4 ? ? ?</span>
                    										<span>By 下次還敢</span>
                    									</div>
                    								</div>
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/1796836699.html" title="?? ? ??? ????? Rimworld Odyssey ?? ???" class="phpgenera_Details_mainR4_bottom_title">?? ? ??? ????? Rimworld Odyssey ?? ???</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<span>3 ? ? ?</span>
                    										<span>By Jack chen</span>
                    									</div>
                    								</div>
                    														</div>
                    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_more">
                    								<a href="http://ipnx.cn/ko/article.html">???</a>
                    							</div>
                    						</div>
                    					</div>
                    
                    
                    											<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3">
                    							<div   id="wjcelcm34c"   class="phpmain1_4R_readrank">
                    								<div   id="wjcelcm34c"   class="phpmain1_4R_readrank_top">
                    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										src="/static/imghw/hottools2.png" alt="" />
                    									<h2>??? ??</h2>
                    								</div>
                    								<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_bottom">
                    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
                    											<a href="http://ipnx.cn/ko/toolset/development-tools/92" title="???++7.3.1" class="phpmain_tab2_mids_top_img">
                    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="???++7.3.1" />
                    											</a>
                    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
                    												<a href="http://ipnx.cn/ko/toolset/development-tools/92" title="???++7.3.1" class="phpmain_tab2_mids_title">
                    													<h3>???++7.3.1</h3>
                    												</a>
                    												<p>???? ?? ?? ?? ???</p>
                    											</div>
                    										</div>
                    																			<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
                    											<a href="http://ipnx.cn/ko/toolset/development-tools/93" title="SublimeText3 ??? ??" class="phpmain_tab2_mids_top_img">
                    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 ??? ??" />
                    											</a>
                    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
                    												<a href="http://ipnx.cn/ko/toolset/development-tools/93" title="SublimeText3 ??? ??" class="phpmain_tab2_mids_title">
                    													<h3>SublimeText3 ??? ??</h3>
                    												</a>
                    												<p>??? ??, ???? ?? ????.</p>
                    											</div>
                    										</div>
                    																			<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
                    											<a href="http://ipnx.cn/ko/toolset/development-tools/121" title="???? 13.0.1 ???" class="phpmain_tab2_mids_top_img">
                    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="???? 13.0.1 ???" />
                    											</a>
                    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
                    												<a href="http://ipnx.cn/ko/toolset/development-tools/121" title="???? 13.0.1 ???" class="phpmain_tab2_mids_title">
                    													<h3>???? 13.0.1 ???</h3>
                    												</a>
                    												<p>??? PHP ?? ?? ??</p>
                    											</div>
                    										</div>
                    																			<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
                    											<a href="http://ipnx.cn/ko/toolset/development-tools/469" title="???? CS6" class="phpmain_tab2_mids_top_img">
                    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="???? CS6" />
                    											</a>
                    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
                    												<a href="http://ipnx.cn/ko/toolset/development-tools/469" title="???? CS6" class="phpmain_tab2_mids_title">
                    													<h3>???? CS6</h3>
                    												</a>
                    												<p>??? ? ?? ??</p>
                    											</div>
                    										</div>
                    																			<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
                    											<a href="http://ipnx.cn/ko/toolset/development-tools/500" title="SublimeText3 Mac ??" class="phpmain_tab2_mids_top_img">
                    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac ??" />
                    											</a>
                    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
                    												<a href="http://ipnx.cn/ko/toolset/development-tools/500" title="SublimeText3 Mac ??" class="phpmain_tab2_mids_title">
                    													<h3>SublimeText3 Mac ??</h3>
                    												</a>
                    												<p>? ??? ?? ?? ?????(SublimeText3)</p>
                    											</div>
                    										</div>
                    																	</div>
                    								<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_more">
                    									<a href="http://ipnx.cn/ko/ai">???</a>
                    								</div>
                    							</div>
                    						</div>
                    										
                    
                    					
                    					<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4">
                    						<div   id="wjcelcm34c"   class="phpmain1_4R_readrank">
                    							<div   id="wjcelcm34c"   class="phpmain1_4R_readrank_top">
                    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    									src="/static/imghw/hotarticle2.png" alt="" />
                    								<h2>??? ??</h2>
                    							</div>
                    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottom">
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/laravel-tutori" title="??? ????" class="phpgenera_Details_mainR4_bottom_title">??? ????</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_infos">
                    											<img src="/static/imghw/eyess.png" alt="" />
                    											<span>1597</span>
                    										</div>
                    										<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_infos">
                    											<img src="/static/imghw/tiezi.png" alt="" />
                    											<span>29</span>
                    										</div>
                    									</div>
                    								</div>
                    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
                    									<a href="http://ipnx.cn/ko/faq/php-tutorial" title="PHP ????" class="phpgenera_Details_mainR4_bottom_title">PHP ????</a>
                    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
                    										<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_infos">
                    											<img src="/static/imghw/eyess.png" alt="" />
                    											<span>1488</span>
                    										</div>
                    										<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_infos">
                    											<img src="/static/imghw/tiezi.png" alt="" />
                    											<span>72</span>
                    										</div>
                    									</div>
                    								</div>
                    														</div>
                    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_more">
                    								<a href="http://ipnx.cn/ko/faq/zt">???</a>
                    							</div>
                    						</div>
                    					</div>
                    				</div>
                    			</div>
                    							<div   id="wjcelcm34c"   class="Article_Details_main2">
                    					<div   id="wjcelcm34c"   class="phpgenera_Details_mainL4">
                    						<div   id="wjcelcm34c"   class="phpmain1_2_top">
                    							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
                    									src="/static/imghw/index2_title2.png" alt="" /></a>
                    						</div>
                    						<div   id="wjcelcm34c"   class="phpgenera_Details_mainL4_info">
                    
                    													<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
                    								<a href="http://ipnx.cn/ko/faq/1796836217.html" title="node.js?? HTTP ????? ???" class="phphistorical_Version2_mids_img">
                    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175234432058757.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="node.js?? HTTP ????? ???" />
                    								</a>
                    								<a href="http://ipnx.cn/ko/faq/1796836217.html" title="node.js?? HTTP ????? ???" class="phphistorical_Version2_mids_title">node.js?? HTTP ????? ???</a>
                    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jul 13, 2025 am	 02:18 AM</span>
                    								<p class="Articlelist_txts_p">Node.js?? HTTP ??? ???? ? ?? ???? ??? ????. 1. ?? ????? ????? ??? ??? ? ?? ????? ?? ?? ? https.get () ??? ?? ??? ??? ? ?? ????? ?? ??? ?????. 2.axios? ??? ???? ? ?? ??????. ??? ??? ??? ??? ??? ??? ???/???, ?? JSON ??, ???? ?? ?????. ??? ?? ??? ????? ?? ????. 3. ?? ??? ??? ??? ??? ???? ???? ??? ??? ???? ?????.</p>
                    							</div>
                    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
                    								<a href="http://ipnx.cn/ko/faq/1796836292.html" title="JavaScript ??? ?? : ?? ? ??" class="phphistorical_Version2_mids_img">
                    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175234579081669.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript ??? ?? : ?? ? ??" />
                    								</a>
                    								<a href="http://ipnx.cn/ko/faq/1796836292.html" title="JavaScript ??? ?? : ?? ? ??" class="phphistorical_Version2_mids_title">JavaScript ??? ?? : ?? ? ??</a>
                    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jul 13, 2025 am	 02:43 AM</span>
                    								<p class="Articlelist_txts_p">JavaScript ??? ??? ?? ?? ? ?? ???? ????. ?? ???? ???, ??, ??, ?, ???? ?? ? ??? ?????. ?? ????? ?? ?? ? ? ??? ????? ?? ??? ??? ????. ??, ?? ? ??? ?? ?? ??? ??? ??? ???? ??? ??? ???? ??? ?? ??? ????. ?? ? ????? ??? ???? ? ??? ? ??? TypeofNull? ??? ?????? ??? ? ????. ? ? ?? ??? ???? ?????? ????? ???? ??? ???? ? ??? ? ? ????.</p>
                    							</div>
                    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
                    								<a href="http://ipnx.cn/ko/faq/1796830657.html" title="REACT vs Angular vs Vue : ?? JS ??? ??? ?? ?????" class="phphistorical_Version2_mids_img">
                    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175165349052637.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="REACT vs Angular vs Vue : ?? JS ??? ??? ?? ?????" />
                    								</a>
                    								<a href="http://ipnx.cn/ko/faq/1796830657.html" title="REACT vs Angular vs Vue : ?? JS ??? ??? ?? ?????" class="phphistorical_Version2_mids_title">REACT vs Angular vs Vue : ?? JS ??? ??? ?? ?????</a>
                    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jul 05, 2025 am	 02:24 AM</span>
                    								<p class="Articlelist_txts_p">?? JavaScript ??? ??? ??? ?????? ?? ??? ?? ?? ??? ?? ???? ????. 1. ??? ???? ???? ?? ??? ?? ? ? ???? ??? ??? ?? ? ?? ????? ?????. 2. Angular? ?????? ??? ?? ???? ? ?? ?? ??? ??? ??? ???? ?????. 3. VUE? ???? ?? ??? ???? ?? ?? ??? ?????. ?? ?? ?? ??, ? ??, ???? ???? ? SSR? ???? ??? ??? ??? ???? ? ??? ?????. ???, ??? ??? ??? ????? ????. ??? ??? ??? ??? ?? ????.</p>
                    							</div>
                    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
                    								<a href="http://ipnx.cn/ko/faq/1796832745.html" title="JavaScript Time Object, ??? Google Chrome? EACTEXE, ? ?? ? ???? ?????." class="phphistorical_Version2_mids_img">
                    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/246/273/173914572643912.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript Time Object, ??? Google Chrome? EACTEXE, ? ?? ? ???? ?????." />
                    								</a>
                    								<a href="http://ipnx.cn/ko/faq/1796832745.html" title="JavaScript Time Object, ??? Google Chrome? EACTEXE, ? ?? ? ???? ?????." class="phphistorical_Version2_mids_title">JavaScript Time Object, ??? Google Chrome? EACTEXE, ? ?? ? ???? ?????.</a>
                    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jul 08, 2025 pm	 02:27 PM</span>
                    								<p class="Articlelist_txts_p">?????, JavaScript ???! ?? ? JavaScript ??? ?? ?? ?????! ?? ?? ??? ??? ??? ? ????. Deno?? Oracle? ?? ??, ??? JavaScript ?? ??? ????, Google Chrome ???? ? ??? ??? ???? ?????. ?????! Deno Oracle? "JavaScript"??? ????? Oracle? ?? ??? ??? ??????. Node.js? Deno? ??? ? Ryan Dahl? ??? ?????? ???? ????? JavaScript? ??? ???? Oracle? ????? ???? ?????.</p>
                    							</div>
                    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
                    								<a href="http://ipnx.cn/ko/faq/1796832608.html" title="?? ??? : JavaScript? ??, ?? ?? ? ?? ?????" class="phphistorical_Version2_mids_img">
                    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175191360175213.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="?? ??? : JavaScript? ??, ?? ?? ? ?? ?????" />
                    								</a>
                    								<a href="http://ipnx.cn/ko/faq/1796832608.html" title="?? ??? : JavaScript? ??, ?? ?? ? ?? ?????" class="phphistorical_Version2_mids_title">?? ??? : JavaScript? ??, ?? ?? ? ?? ?????</a>
                    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jul 08, 2025 am	 02:40 AM</span>
                    								<p class="Articlelist_txts_p">??? JavaScript?? ??? ??? ?????? ?? ???????. ?? ??, ?? ?? ? ??? ??? ?? ????? ????? ?????. 1. ?? ??? ??? ????? ???? ??. ()? ?? ??? ??? ?????. ?. ()? ?? ??? ?? ??? ??? ?? ? ? ????. 2. ?? ??? .catch ()? ???? ?? ??? ??? ?? ??? ??????, ??? ???? ???? ????? ??? ? ????. 3. Promise.all ()? ?? ????? (?? ?? ?? ? ??????? ??), Promise.Race () (? ?? ??? ?? ?) ? Promise.AllSettled () (?? ??? ???? ??)</p>
                    							</div>
                    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
                    								<a href="http://ipnx.cn/ko/faq/1796832618.html" title="?? API? ???? ??? ???? ??? ??????" class="phphistorical_Version2_mids_img">
                    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175191380054750.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="?? API? ???? ??? ???? ??? ??????" />
                    								</a>
                    								<a href="http://ipnx.cn/ko/faq/1796832618.html" title="?? API? ???? ??? ???? ??? ??????" class="phphistorical_Version2_mids_title">?? API? ???? ??? ???? ??? ??????</a>
                    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jul 08, 2025 am	 02:43 AM</span>
                    								<p class="Articlelist_txts_p">Cacheapi? ?????? ?? ???? ??? ???? ???, ?? ??? ??? ?? ???? ? ??? ?? ? ???? ??? ??????. 1. ???? ????, ??? ??, ?? ?? ?? ???? ???? ??? ? ????. 2. ??? ?? ?? ??? ?? ? ? ????. 3. ?? ?? ?? ?? ?? ??? ??? ?? ?????. 4. ??? ???? ?? ?? ???? ?? ?? ?? ?? ?? ???? ?? ?? ??? ??? ? ????. 5. ?? ???? ??, ??? ??? ? ??? ??, ?? ??? ? ?? ???? ???? ???? ? ?? ?????. 6.?? ??? ?? ?? ?? ??, ???? ?? ? HTTP ?? ????? ?????? ???????.</p>
                    							</div>
                    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
                    								<a href="http://ipnx.cn/ko/faq/1796831296.html" title="??? ??. ?? ????? ??? ????? ??? ?? ??" class="phphistorical_Version2_mids_img">
                    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175174058098308.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="??? ??. ?? ????? ??? ????? ??? ?? ??" />
                    								</a>
                    								<a href="http://ipnx.cn/ko/faq/1796831296.html" title="??? ??. ?? ????? ??? ????? ??? ?? ??" class="phphistorical_Version2_mids_title">??? ??. ?? ????? ??? ????? ??? ?? ??</a>
                    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jul 06, 2025 am	 02:36 AM</span>
                    								<p class="Articlelist_txts_p">.map (), .filter () ? .reduce ()? ?? JavaScript ?? ?? ???? ??? ??? ??? ? ? ????. 1) .map ()? ??? ??? ??? ???? ? ??? ???? ? ?????. 2) .filter ()? ???? ??? ????? ? ?????. 3) .reduce ()? ???? ?? ??? ???? ? ?????. ???? ??? ????? ??? ?? ?? ??? ?????.</p>
                    							</div>
                    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
                    								<a href="http://ipnx.cn/ko/faq/1796832563.html" title="JS Roundup : JavaScript ??? ??? ?? ?? ???" class="phphistorical_Version2_mids_img">
                    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
                    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175191266081499.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JS Roundup : JavaScript ??? ??? ?? ?? ???" />
                    								</a>
                    								<a href="http://ipnx.cn/ko/faq/1796832563.html" title="JS Roundup : JavaScript ??? ??? ?? ?? ???" class="phphistorical_Version2_mids_title">JS Roundup : JavaScript ??? ??? ?? ?? ???</a>
                    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jul 08, 2025 am	 02:24 AM</span>
                    								<p class="Articlelist_txts_p">JavaScript? ??? ??? ?? ??, ? ? ? ?? ???? ???? ??? ??? ?????. 1. ?? ??? ?? ??? ???? ??? ??? ??? ??? ?? WebAPI? ?????. 2. WebAPI? ??????? ??? ?? ? ? ??? ?? ??? (??? ?? ?? ???? ??)? ????. 3. ??? ??? ?? ??? ?? ??? ?????. ?? ??? ??? ????? ??? ??? ?? ? ???? ?????. 4. ???? ?? (? : Promise. 5. ??? ??? ???? ?? ???? ???? ?? ?? ?? ??? ????? ? ??????.</p>
                    							</div>
                    													</div>
                    
                    													<a href="http://ipnx.cn/ko/web-designer.html" class="phpgenera_Details_mainL4_botton">
                    								<span>See all articles</span>
                    								<img src="/static/imghw/down_right.png" alt="" />
                    							</a>
                    											</div>
                    				</div>
                    					</div>
                    	</main>
                    	<footer>
                        <div   id="wjcelcm34c"   class="footer">
                            <div   id="wjcelcm34c"   class="footertop">
                                <img src="/static/imghw/logo.png" alt="">
                                <p>???? ??? PHP ??,PHP ???? ?? ??? ?????!</p>
                            </div>
                            <div   id="wjcelcm34c"   class="footermid">
                                <a href="http://ipnx.cn/ko/about/us.html">?? ??</a>
                                <a href="http://ipnx.cn/ko/about/disclaimer.html">?? ??</a>
                                <a href="http://ipnx.cn/ko/update/article_0_1.html">Sitemap</a>
                            </div>
                            <div   id="wjcelcm34c"   class="footerbottom">
                                <p>
                                    ? php.cn All rights reserved
                                </p>
                            </div>
                        </div>
                    </footer>
                    
                    <input type="hidden" id="verifycode" value="/captcha.html">
                    
                    
                    
                    
                    		<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
                    	
                    	
                    	
                    	
                    	
                    
                    	
                    	
                    
                    
                    
                    
                    
                    
                    <footer>
                    <div class="friendship-link">
                    <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p>
                    <a href="http://ipnx.cn/" title="亚洲国产日韩欧美一区二区三区">亚洲国产日韩欧美一区二区三区</a>
                    
                    <div class="friend-links">
                    
                    
                    </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="ckmuk" class="pl_css_ganrao" style="display: none;"><xmp id="ckmuk"><tr id="ckmuk"><td id="ckmuk"><center id="ckmuk"></center></td></tr></xmp><big id="ckmuk"><progress id="ckmuk"></progress></big><th id="ckmuk"></th><small id="ckmuk"></small><ol id="ckmuk"></ol><dd id="ckmuk"><meter id="ckmuk"><menuitem id="ckmuk"><delect id="ckmuk"></delect></menuitem></meter></dd><fieldset id="ckmuk"></fieldset><optgroup id="ckmuk"></optgroup><pre id="ckmuk"><strike id="ckmuk"><pre id="ckmuk"><strong id="ckmuk"></strong></pre></strike></pre><table id="ckmuk"></table><input id="ckmuk"><code id="ckmuk"><label id="ckmuk"></label></code></input><center id="ckmuk"><th id="ckmuk"></th></center><button id="ckmuk"><tbody id="ckmuk"></tbody></button><strike id="ckmuk"><tfoot id="ckmuk"></tfoot></strike><option id="ckmuk"></option><cite id="ckmuk"><sup id="ckmuk"></sup></cite><nav id="ckmuk"></nav><acronym id="ckmuk"><tbody id="ckmuk"><wbr id="ckmuk"><menu id="ckmuk"></menu></wbr></tbody></acronym><strike id="ckmuk"></strike><big id="ckmuk"><object id="ckmuk"><dfn id="ckmuk"></dfn></object></big><button id="ckmuk"></button><pre id="ckmuk"><object id="ckmuk"></object></pre><rp id="ckmuk"></rp><strike id="ckmuk"></strike><thead id="ckmuk"><legend id="ckmuk"><blockquote id="ckmuk"></blockquote></legend></thead><s id="ckmuk"></s><acronym id="ckmuk"><pre id="ckmuk"><noframes id="ckmuk"><nobr id="ckmuk"></nobr></noframes></pre></acronym><big id="ckmuk"></big><label id="ckmuk"></label><del id="ckmuk"></del><progress id="ckmuk"></progress><u id="ckmuk"></u><abbr id="ckmuk"></abbr><tr id="ckmuk"><rt id="ckmuk"></rt></tr><pre id="ckmuk"></pre><center id="ckmuk"></center><pre id="ckmuk"><strike id="ckmuk"><rt id="ckmuk"><span id="ckmuk"></span></rt></strike></pre><strike id="ckmuk"><dfn id="ckmuk"></dfn></strike><mark id="ckmuk"></mark><track id="ckmuk"><small id="ckmuk"><abbr id="ckmuk"><optgroup id="ckmuk"></optgroup></abbr></small></track><optgroup id="ckmuk"></optgroup><fieldset id="ckmuk"></fieldset><samp id="ckmuk"></samp><abbr id="ckmuk"></abbr><pre id="ckmuk"></pre><strike id="ckmuk"></strike><td id="ckmuk"><thead id="ckmuk"></thead></td><div id="ckmuk"></div><cite id="ckmuk"><ol id="ckmuk"><dl id="ckmuk"><acronym id="ckmuk"></acronym></dl></ol></cite></div>
                    
                    </html>