Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

जावास्क्रिप्ट में एक एलिमेंट के अंदर दूसरा एलिमेंट है या नहीं जांचना

एक एलिमेंट के अंदर एलिमेंट होना कुछ और नहीं बल्कि उदाहरण के लिए एक डिव एलिमेंट के अंदर स्पैन एलिमेंट है। जावास्क्रिप्ट ने यह पता लगाने के लिए .contains() मेथड प्रदान किया है कि क्या कोई एलिमेंट दूसरे एलिमेंट को समाहित करता है। यह मेथड वास्तव में true लौटाता है यदि कंडीशन पूरी होती है अन्यथा false लौटाता है।

सिंटैक्स

node.contains(node);

उदाहरण

निम्नलिखित उदाहरण में, एक स्पैन एलिमेंट डिव एलिमेंट के अंदर है। इसलिए .contains() मेथड कोड के निष्पादन पर true लौटाता है और परिणाम आउटपुट में प्रदर्शित होता है।

<html> <body> <div id="div"> <p>There is a <span id="span"><b>span</b></span> element inside me.</p> </div> <p id = "contain"></p> <script> var span = document.getElementById("span"); var div = document.getElementById("div").contains(span); document.getElementById("contain").innerHTML = div; </script> </body> </html>

आउटपुट

There is a span element inside of me. true
  1. JavaScript का उपयोग करके एलिमेंट के अंदर टेक्स्ट सिलेक्ट और डीसिलेक्ट करना JavaScript का उपयोग करके एलिमेंट के अंदर टेक्स्ट सिलेक्ट और डीसिलेक्ट करना

    JavaScript का उपयोग करके एलिमेंट के अंदर टेक्स्ट सिलेक्ट और डीसिलेक्ट करने का निम्नलिखिक कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&qu

  1. JavaScript का उपयोग करके पैरेंट एलिमेंट एक्सेस करना JavaScript का उपयोग करके पैरेंट एलिमेंट एक्सेस करना

    JavaScript का उपयोग करके पैरेंट एलिमेंट एक्सेस करने का निम्नलिखिक कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>

  1. JavaScript में ID द्वारा एलिमेंट हटाना JavaScript में ID द्वारा एलिमेंट हटाना

    ID द्वारा एलिमेंट हटाने के लिए, आप remove() का उपयोग कर सकते हैं।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>    <title>Document