जावास्क्रिप्ट में फ़ंक्शन से टेबल वापस लौटाना

पिछले पाठ में हमने एक फ़ंक्शन createTable बनाया था। आइए इस फ़ंक्शन को इस तरह संशोधित करें कि यह टेबल को किसी तत्व में न जोड़े, बल्कि इसे return के माध्यम से वापस लौटाए।

यानी पिछले पाठ का दिया गया कोड इस तरह बदल जाता है:

javascriptlet div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);

इसे छोटा भी लिखा जा सकता है:

javascriptlet div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));

टेबल का रेफरेंस प्राप्त करने की आवश्यकता बनाई गई टेबल के साथ कुछ करने के लिए हो सकती है। उदाहरण के लिए, आइए हम इसके टेक्स्ट का रंग लाल कर दें:

javascriptlet div = document.querySelector('#elem');

let table = createTable(3, 4);
table.style.color = 'red';

div.appendChild(table);

html<div id="elem">
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>