जावास्क्रिप्ट में DOM क्या है?
दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) के उपयोग से वेबपेज में सभी तत्व जावास्क्रिप्ट तक पहुँच सकते हैं। वास्तव में, वेब ब्राउज़र पेज लोड होने पर वेबपेज का एक DOM बनाता है। DOM मॉडल को इस तरह वस्तुओं के पेड़ के रूप में बनाया जाता है:
डोम और इवेंट्स का उपयोग कैसे करें
DOM का उपयोग करके JavaScript कई कार्य कर सकती है। यह नए तत्वों और विशेषताओं को बना सकता है, मौजूदा तत्वों और विशेषताओं को बदल सकता है और यहां तक कि मौजूदा तत्वों और विशेषताओं को भी हटा सकता है। जावास्क्रिप्ट मौजूदा घटनाओं पर भी प्रतिक्रिया कर सकती है और पृष्ठ में नई ईवेंट बना सकती है।
getElementById, innerHTML उदाहरण
- getElementById: उन तत्वों और विशेषताओं तक पहुँचने के लिए जिनकी आईडी सेट है।
- भीतरी HTML: एक तत्व की सामग्री का उपयोग करने के लिए।
इस उदाहरण को स्वयं आज़माएँ:
<सिर>DOM !!! </ title></ head><शरीर> <h2>आपका स्वागत है </ h1> <p>यह स्वागत संदेश है। </p> <h2>प्रौद्योगिकी </ h2> <p>यह प्रौद्योगिकी अनुभाग है। </p> <स्क्रिप्ट प्रकार = "पाठ / जावास्क्रिप्ट">var text = document.getElementById ("एक"); भीतर HTML;चेतावनी ("पहला शीर्षक" + पाठ) है;</ script></ शरीर></ html></pre> <h3>getElementsByTagName उदाहरण</h3> <p>getElementsByTagName: टैग नाम का उपयोग करके तत्वों और विशेषताओं का उपयोग करना। यह विधि एक ही टैग नाम के साथ सभी मदों की एक सरणी लौटाएगी।</p> <p>इस उदाहरण को स्वयं आज़माएँ:</p> <pre translate="no" class="codeguru"><html><सिर><title> DOM !!! </ title></ head><शरीर> <h2>आपका स्वागत है </ h1> <p>यह स्वागत संदेश है। </p> <div id="container-5533149ee6411a5f99b370c693e87966"></div> <h2>प्रौद्योगिकी </ h2> <p id = "दूसरा"> यह प्रौद्योगिकी अनुभाग है। </p> <स्क्रिप्ट प्रकार = "पाठ / जावास्क्रिप्ट">var पैराग्राफ = document.getElementsByTagName ("p");चेतावनी ("दूसरे पैराग्राफ में सामग्री" + पैराग्राफ [1] .innerHTML) है;दस्तावेज़।</ script></ शरीर></ html></pre> <h3>घटना हैंडलर उदाहरण</h3> <ol> <li>createElement: नया तत्व बनाने के लिए</li> <li>removeChild: एक तत्व निकालें</li> <li>आप इस तरह एक विशेष तत्व के लिए एक <strong>घटना हैंडलर</strong> जोड़ सकते हैं :</li> </ol> <pre translate="no"> document.getElementById(id).onclick=function(){lines of code to be executed}</pre> <p>या</p> <pre translate="no">document.getElementById(id).addEventListener("click", functionname)</pre> <p>इस उदाहरण को स्वयं आज़माएँ:</p> <pre translate="no" class="codeguru"><html><सिर><title> DOM !!! </ title></ head><शरीर><input type = "button" id = "btnClick" value = "मुझे क्लिक करें !!" /><स्क्रिप्ट प्रकार = "पाठ / जावास्क्रिप्ट">document.getElementById ("btnClick")। addEventListener ("क्लिक करें", क्लिक करें);फ़ंक्शन क्लिक किया गया (){{चेतावनी ("आपने मुझे क्लिक किया !!!");}</ script></ शरीर></ html></pre> <form class="hidden" code-box" name="sample"> यह कोड संपादन योग्य है। निष्पादित करने के लिए चलाएँ क्लिक करें<textarea name="codeguru"> </textarea> <p><input type="submit" value="Daud" style="background-color:#df5035;" color:#ffffff;"></p> </div> </article> <div id="container-5533149ee6411a5f99b370c693e87966"></div> </div> </div> </div> </div> </div> <aside class="col-lg-4 sidebar sidebar--right"> <div class="widget widget-popular-posts"> <h2 class="widget-title">लोकप्रिय पोस्ट</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8224202-organizational-enterprise-personnel-structure-in-sap" title="एसएपी में संगठनात्मक, उद्यम, कार्मिक संरचना" rel="bookmark"><img src="https://cdn.css-code.org/4387121/organizational-_enterprise-_personnel_structure_in_sap.jpg.webp" loading="lazy" alt="एसएपी में संगठनात्मक, उद्यम, कार्मिक संरचना" title="एसएपी में संगठनात्मक, उद्यम, कार्मिक संरचना" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8224202-organizational-enterprise-personnel-structure-in-sap" title="एसएपी में संगठनात्मक, उद्यम, कार्मिक संरचना" rel="bookmark">एसएपी में संगठनात्मक, उद्यम, कार्मिक संरचना 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8224203-learn-organizational-management-om-in-sap-hr" title="SAP HR में संगठनात्मक प्रबंधन (OM) सीखें" rel="bookmark"><img src="https://cdn.css-code.org/6874820/learn_organizational_management_om_in_sap_hr.jpg.webp" loading="lazy" alt="SAP HR में संगठनात्मक प्रबंधन (OM) सीखें" title="SAP HR में संगठनात्मक प्रबंधन (OM) सीखें" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8224203-learn-organizational-management-om-in-sap-hr" title="SAP HR में संगठनात्मक प्रबंधन (OM) सीखें" rel="bookmark">SAP HR में संगठनात्मक प्रबंधन (OM) सीखें 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8224204-sap-infotype-create-change-copy-delete-overview-using-pa30-pa20" title="SAP Infotype: PA30, PA20 का उपयोग करके क्रिएट, चेंज, कॉपी, डिलीट, ओवरव्यू" rel="bookmark"><img src="https://cdn.css-code.org/2811560/sap_infotype_create-_change-_copy-_delete-_overview_using_pa30-_pa20.jpg.webp" loading="lazy" alt="SAP Infotype: PA30, PA20 का उपयोग करके क्रिएट, चेंज, कॉपी, डिलीट, ओवरव्यू" title="SAP Infotype: PA30, PA20 का उपयोग करके क्रिएट, चेंज, कॉपी, डिलीट, ओवरव्यू" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8224204-sap-infotype-create-change-copy-delete-overview-using-pa30-pa20" title="SAP Infotype: PA30, PA20 का उपयोग करके क्रिएट, चेंज, कॉपी, डिलीट, ओवरव्यू" rel="bookmark">SAP Infotype: PA30, PA20 का उपयोग करके क्रिएट, चेंज, कॉपी, डिलीट, ओवरव्यू 2025</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">महीने के लिए सर्वश्रेष्ठ समीक्षा</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222944-customize-pdf-and-email-testng-reports-in-selenium-webdriver" title="अनुकूलित करें, पीडीएफ & सेलेनियम वेबड्राइवर में ईमेल टेस्टएनजी रिपोर्ट" rel="bookmark">अनुकूलित करें, पीडीएफ & सेलेनियम वेबड्राइवर में ईमेल टेस्टएनजी रिपोर्ट</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222945-page-object-model-pom-and-page-factory-in-selenium-tutorial" title="पेज ऑब्जेक्ट मॉडल (पीओएम) और amp; सेलेनियम ट्यूटोरियल में पेज फैक्टरी" rel="bookmark">पेज ऑब्जेक्ट मॉडल (पीओएम) और amp; सेलेनियम ट्यूटोरियल में पेज फैक्टरी</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222946-how-to-select-date-from-datepickercalendar-in-selenium-webdriver" title="सेलेनियम वेबड्राइवर में DatePicker / Calendar से दिनांक का चयन कैसे करें" rel="bookmark">सेलेनियम वेबड्राइवर में DatePicker / Calendar से दिनांक का चयन कैसे करें</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222947-selenium-automation-framework-data-driven-keyword-driven-and-hybrid" title="सेलेनियम ऑटोमेशन फ्रेमवर्क: डेटा ड्रिवेन, कीवर्ड ड्रिवेन एंड amp; हाइब्रिड" rel="bookmark">सेलेनियम ऑटोमेशन फ्रेमवर्क: डेटा ड्रिवेन, कीवर्ड ड्रिवेन एंड amp; हाइब्रिड</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222948-testng-tutorial-what-is-annotations-and-framework-in-selenium" title="TestNG ट्यूटोरियल: क्या है, एनोटेशन और amp; सेलेनियम में रूपरेखा" rel="bookmark">TestNG ट्यूटोरियल: क्या है, एनोटेशन और amp; सेलेनियम में रूपरेखा</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222949-dataprovider-and-testng-xml-parameterization-in-seleniumexample" title="डेटाप्रॉइडर & TestNG XML: सेलेनियम में उदाहरण (उदाहरण)" rel="bookmark">डेटाप्रॉइडर & TestNG XML: सेलेनियम में उदाहरण (उदाहरण)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222950-how-to-readwrite-data-from-excel-file-selenium-poi" title="एक्सेल फाइल से डेटा कैसे पढ़ें / लिखें: सेलेनियम POI" rel="bookmark">एक्सेल फाइल से डेटा कैसे पढ़ें / लिखें: सेलेनियम POI</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222951-database-testing-using-selenium-step-by-step-guide" title="सेलेनियम का उपयोग करके डेटाबेस परीक्षण: स्टेप बाय स्टेप गाइड" rel="bookmark">सेलेनियम का उपयोग करके डेटाबेस परीक्षण: स्टेप बाय स्टेप गाइड</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222952-how-to-handle-iframes-in-selenium-webdriver-switchto" title="सेलेनियम वेबड्राइवर में iFrames को कैसे हैंडल करें: switchTo ()" rel="bookmark">सेलेनियम वेबड्राइवर में iFrames को कैसे हैंडल करें: switchTo ()</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222953-cross-browser-testing-using-selenium-webdriver" title="सेलेनियम वेबड्राइवर का उपयोग करके क्रॉस ब्राउज़र परीक्षण" rel="bookmark">सेलेनियम वेबड्राइवर का उपयोग करके क्रॉस ब्राउज़र परीक्षण</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222954-selenium-headless-browser-testing-htmlunitdriver-and-phantomjs" title="सेलेनियम हेडलेस ब्राउज़र परीक्षण: HTMLUnitDriver & फैंटमजस" rel="bookmark">सेलेनियम हेडलेस ब्राउज़र परीक्षण: HTMLUnitDriver & फैंटमजस</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222955-how-to-take-screenshot-in-selenium-webdriver" title="सेलेनियम वेबड्राइवर में स्क्रीनशॉट कैसे लें" rel="bookmark">सेलेनियम वेबड्राइवर में स्क्रीनशॉट कैसे लें</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222957-log4j-with-selenium-tutorial-download-install-use-and-example" title="सेलेनियम ट्यूटोरियल के साथ लॉग 4 जे: डाउनलोड, इंस्टॉल, उपयोग और amp; उदाहरण" rel="bookmark">सेलेनियम ट्यूटोरियल के साथ लॉग 4 जे: डाउनलोड, इंस्टॉल, उपयोग और amp; उदाहरण</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222958-robot-class-in-selenium-webdriver" title="सेलेनियम वेबड्राइवर में रोबोट क्लास" rel="bookmark">सेलेनियम वेबड्राइवर में रोबोट क्लास</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222960-how-to-use-autoit-with-selenium-webdriver-file-upload-example" title="सेलेनियम वेबड्राइवर के साथ ऑटिट का उपयोग कैसे करें: फ़ाइल अपलोड उदाहरण" rel="bookmark">सेलेनियम वेबड्राइवर के साथ ऑटिट का उपयोग कैसे करें: फ़ाइल अपलोड उदाहरण</a></h3> </div> </div> </li> </ul> </div> <div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts"> <h2 class="widget-title">शीर्ष लेख</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225620-vb-net-program-structure-module-classes-hello-world-example" title="VB.Net प्रोग्राम संरचना, मॉड्यूल, कक्षाएं: हैलो वर्ल्ड उदाहरण" rel="bookmark"><img src="https://cdn.css-code.org/2245811/vbnet_program_structure-_module-_classes_hello_world_example.png.webp" loading="lazy" alt="VB.Net प्रोग्राम संरचना, मॉड्यूल, कक्षाएं: हैलो वर्ल्ड उदाहरण" title="VB.Net प्रोग्राम संरचना, मॉड्यूल, कक्षाएं: हैलो वर्ल्ड उदाहरण" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225620-vb-net-program-structure-module-classes-hello-world-example" title="VB.Net प्रोग्राम संरचना, मॉड्यूल, कक्षाएं: हैलो वर्ल्ड उदाहरण" rel="bookmark">VB.Net प्रोग्राम संरचना, मॉड्यूल, कक्षाएं: हैलो वर्ल्ड उदाहरण 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225621-20-best-visio-alternatives-in-2021-freepaid" title="2021 में 20 बेस्ट विज़िओ अल्टरनेटिव्स (फ्री / पेड)" rel="bookmark"><img src="https://cdn.css-code.org/6065146/20_best_visio_alternatives_in_2021_freepaid.png.webp" loading="lazy" alt="2021 में 20 बेस्ट विज़िओ अल्टरनेटिव्स (फ्री / पेड)" title="2021 में 20 बेस्ट विज़िओ अल्टरनेटिव्स (फ्री / पेड)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225621-20-best-visio-alternatives-in-2021-freepaid" title="2021 में 20 बेस्ट विज़िओ अल्टरनेटिव्स (फ्री / पेड)" rel="bookmark">2021 में 20 बेस्ट विज़िओ अल्टरनेटिव्स (फ्री / पेड) 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225622-uml-tutorial-pdf-basics-with-diagram-download-now" title="यूएमएल ट्यूटोरियल पीडीएफ: आरेख के साथ मूल बातें (अभी डाउनलोड करें)" rel="bookmark"><img src="https://cdn.css-code.org/9341021/uml_tutorial_pdf_basics_with_diagram_download_now.png.webp" loading="lazy" alt="यूएमएल ट्यूटोरियल पीडीएफ: आरेख के साथ मूल बातें (अभी डाउनलोड करें)" title="यूएमएल ट्यूटोरियल पीडीएफ: आरेख के साथ मूल बातें (अभी डाउनलोड करें)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225622-uml-tutorial-pdf-basics-with-diagram-download-now" title="यूएमएल ट्यूटोरियल पीडीएफ: आरेख के साथ मूल बातें (अभी डाउनलोड करें)" rel="bookmark">यूएमएल ट्यूटोरियल पीडीएफ: आरेख के साथ मूल बातें (अभी डाउनलोड करें) 2025</a></h3> </div> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer footer--dark"> <div class="container"> <div class="footer__widgets"> <div class="row"> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">लोकप्रिय पोस्ट</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222532-spiral-model-when-to-use-advantages-and-disadvantages" title="सर्पिल मॉडल: कब उपयोग करें? लाभ और amp; नुकसान" rel="bookmark">सर्पिल मॉडल: कब उपयोग करें? लाभ और amp; नुकसान</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222533-15-best-jira-alternatives-in-2021" title="2021 में 15 सर्वश्रेष्ठ JIRA विकल्प" rel="bookmark">2021 में 15 सर्वश्रेष्ठ JIRA विकल्प</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222534-what-is-cloud-testing-saas-testing-tutorial" title="क्लाउड टेस्टिंग क्या है? सास परीक्षण ट्यूटोरियल" rel="bookmark">क्लाउड टेस्टिंग क्या है? सास परीक्षण ट्यूटोरियल</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222535-correlation-in-loadrunner-with-web-reg-save-param-example" title="Web_Reg_Save_Param उदाहरण के साथ लोडरनर में सहसंबंध" rel="bookmark">Web_Reg_Save_Param उदाहरण के साथ लोडरनर में सहसंबंध</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8222536-mutation-testing-in-software-testing-mutant-score-and-analysis-example" title="सॉफ्टवेयर परीक्षण में उत्परिवर्तन परीक्षण: उत्परिवर्ती स्कोर और amp; विश्लेषण उदाहरण" rel="bookmark">सॉफ्टवेयर परीक्षण में उत्परिवर्तन परीक्षण: उत्परिवर्ती स्कोर और amp; विश्लेषण उदाहरण</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">संपादक की पसंद</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225664-how-to-calculate-depreciation-straight-line-dimnishing-value-examples" title="मूल्यह्रास की गणना कैसे करें: सीधी रेखा, मूल्यवर्धन उदाहरण" rel="bookmark">मूल्यह्रास की गणना कैसे करें: सीधी रेखा, मूल्यवर्धन उदाहरण</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225665-how-to-prepare-trial-balance-with-example" title="उदाहरण के साथ ट्रायल बैलेंस कैसे तैयार करें" rel="bookmark">उदाहरण के साथ ट्रायल बैलेंस कैसे तैयार करें</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225666-how-to-make-a-ledger-account-examples" title="कैसे एक खाता बनाने के लिए (उदाहरण)" rel="bookmark">कैसे एक खाता बनाने के लिए (उदाहरण)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225667-how-to-make-profit-and-lossincome-statement-with-example" title="उदाहरण के साथ लाभ और हानि (आय) स्टेटमेंट कैसे बनाएं" rel="bookmark">उदाहरण के साथ लाभ और हानि (आय) स्टेटमेंट कैसे बनाएं</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225668-7-best-online-tax-software-in-india-2021-update" title="भारत में 7 बेस्ट ऑनलाइन टैक्स सॉफ्टवेयर (2021 अपडेट)" rel="bookmark">भारत में 7 बेस्ट ऑनलाइन टैक्स सॉफ्टवेयर (2021 अपडेट)</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">शीर्ष लेख</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225075-php-xml-tutorial-create-parse-read-with-example" title="PHP XML ट्यूटोरियल: उदाहरण के साथ बनाएँ, पार्स, पढ़ें" rel="bookmark">PHP XML ट्यूटोरियल: उदाहरण के साथ बनाएँ, पार्स, पढ़ें</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225076-php-date-and-time-function-how-to-get-current-timestamp" title="PHP दिनांक () & समय समारोह: वर्तमान टाइमस्टैम्प कैसे प्राप्त करें?" rel="bookmark">PHP दिनांक () & समय समारोह: वर्तमान टाइमस्टैम्प कैसे प्राप्त करें?</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225077-php-security-function-strip-tags-filter-var-md5-and-sha1" title="PHP सुरक्षा फ़ंक्शन: पट्टी_टैग, फ़िल्टर_वर, एमडी 5 और शा 1" rel="bookmark">PHP सुरक्षा फ़ंक्शन: पट्टी_टैग, फ़िल्टर_वर, एमडी 5 और शा 1</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225078-php-projects-create-an-opinion-poll-application" title="PHP प्रोजेक्ट्स: एक ओपिनियन पोल एप्लिकेशन बनाएं" rel="bookmark">PHP प्रोजेक्ट्स: एक ओपिनियन पोल एप्लिकेशन बनाएं</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225079-php-ajax-tutorial-with-example" title="उदाहरण के साथ PHP अजाक्स ट्यूटोरियल" rel="bookmark">उदाहरण के साथ PHP अजाक्स ट्यूटोरियल</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright hi.css-code.org, 2025 सितंबर | <a href="https://hi.css-code.org/about-site" title="साइट के बारे में">साइट के बारे में</a> | <a href="https://hi.css-code.org/contacts" title="संपर्क">संपर्क</a> | <a href="https://hi.css-code.org/privacy-policy" title="गोपनीयता नीति">गोपनीयता नीति</a>. </p> </div> </div> </footer> <link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> </body> </html>