HTML DOM Aside ऑब्जेक्ट

विवरण

HTML DOM Aside ऑब्जेक्ट HTML दस्तावेज़ के

तत्व को दर्शाता है।

Aside ऑब्जेक्ट बनाएं

सिंटैक्स

document.createElement("ASIDE");

उदाहरण

आइए aside ऑब्जेक्ट का एक उदाहरण देखें:

<!DOCTYPE html> <html> <style> 
  body { 
    text-align: center; 
    background-color: #fff; 
    color: #0197F6; 
  } 
  h1 { 
    color: #23CE6B; 
  } 
  .btn { 
    background-color: #fff; 
    border: 2px solid #0197F6; 
    height: 2rem; 
    width: 40%; 
    margin: 2rem auto; 
    display: block; 
    color: #0197F6; 
    outline: none; 
    cursor: pointer; 
    border-radius: 20px; 
  } 
  aside { 
    border: 1.5px solid #db133a; 
    padding: 20px; 
  } 
</style> <body> 
<h1>DOM Aside ऑब्जेक्ट डेमो</h1> 
<button onclick="createAside()" class="btn">एक aside ऑब्जेक्ट बनाएं</button> 
<script> 
  function createAside() { 
    var asideElement = document.createElement("ASIDE"); 
    asideElement.innerHTML = 'मैं एक aside एलिमेंट हूँ<h3>यह एक aside एलिमेंट के अंदर h3 एलिमेंट है</h3><p>यह एक aside एलिमेंट के अंदर पैराग्राफ एलिमेंट है</p>'; 
    document.body.appendChild(asideElement); 
  } 
</script> </body> </html>

आउटपुट

HTML DOM Aside ऑब्जेक्ट

"एक aside ऑब्जेक्ट बनाएं" बटन पर क्लिक करके एक aside ऑब्जेक्ट बनाएं।

HTML DOM Aside ऑब्जेक्ट