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

जावास्क्रिप्ट में किसी स्थित तत्व का कौन सा भाग दिखाई दे रहा है, इसे कैसे वापस किया जाए?


यह लौटाने के लिए कि स्थित तत्व का कौन सा भाग दिखाई दे रहा है, क्लिप का उपयोग करें जावास्क्रिप्ट में संपत्ति।

उदाहरण

छवि को क्लिप करने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            position: absolute;
            top: 100px;
         }
      </style>
   </head>
   <body>
      <button type="button" onclick="display()">Clip</button><br>
      <img id="newImg" src="https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" width="170" height="150">
      <script>
         function display() {
            document.getElementById("newImg").style.clip = "rect(10px 90px 90px 10px)";
         }
      </script>
   </body>
</html>

  1. कैसे getElementByID जावास्क्रिप्ट में काम करता है?

    getElementById getElementById() एक DOM विधि है उस तत्व को वापस करने के लिए उपयोग किया जाता है जिसमें निर्दिष्ट मान के साथ आईडी विशेषता होती है। यह HTML DOM . में सबसे आम तरीकों में से एक है और लगभग हर बार जब हम अपने दस्तावेज़ पर किसी तत्व में हेरफेर करना चाहते हैं तो इसका उपयोग किया जाता है। य

  1. जावास्क्रिप्ट और सीएसएस के साथ खींचने योग्य HTML तत्व कैसे बनाएं?

    जावास्क्रिप्ट और सीएसएस के साथ खींचने योग्य HTML तत्व बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .dragDiv {  

  1. जावास्क्रिप्ट में आईडी द्वारा तत्व निकालें?

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