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

document.write के बिना JavaScript वेरिएबल्स को HTML पेज में कैसे प्रदर्शित करें?

Element.innerHTML या textContent का उपयोग करके JavaScript वेरिएबल्स को HTML में प्रदर्शित करें।

var $myName = document.querySelector('.name');
var $jsValue = document.querySelector('.jsValue');
$myName.addEventListener('input', function(event) {
  $jsValue.innerHTML = $myName.value;
}, false);

बेहतर विकल्प: textContent उपयोग करें यदि HTML एस्केप करना हो (XSS सुरक्षा)। innerHTML HTML रेंडर करता है।

अन्य तरीके: document.createTextNode(), Element.append(), टेम्पलेट लिटरल्स के साथ insertAdjacentHTML()।

  1. JavaScript में DOM से संबंधित वेरिएबल्स को console.log कैसे करें? JavaScript में DOM से संबंधित वेरिएबल्स को console.log कैसे करें?

    कंसोल पर वेरिएबल्स प्रदर्शित करने के लिए, document.getElementById() का उपयोग करें। उदाहरण निम्नलिखित कोड देखें: Document const data = document.getElementById(printTheData); console.log(data); उपरोक्त प्रोग्राम चलाने के लिए, फ़ाइल का नाम anyName.html (index.html) सेव करें।

  1. JavaScript में संपूर्ण डॉक्यूमेंट HTML को स्ट्रिंग के रूप में कैसे प्राप्त करें JavaScript में संपूर्ण डॉक्यूमेंट HTML को स्ट्रिंग के रूप में कैसे प्राप्त करें

    संपूर्ण डॉक्यूमेंट HTML को स्ट्रिंग के रूप में प्राप्त करने के लिए, innerHTML की अवधारणा का उपयोग करें, जैसे:document.documentElement.innerHTML;उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport conte

  1. JavaScript में टेक्स्टबॉक्स का मान कैसे प्रदर्शित करें JavaScript में टेक्स्टबॉक्स का मान कैसे प्रदर्शित करें

    टेक्स्ट बॉक्स से मान निकालने के लिए value का उपयोग करें और पैराग्राफ में innerHTML से प्रदर्शित करें।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>