जावास्क्रिप्ट में परीक्षण तत्व

आइए एक परीक्षण तत्व बनाएं, जिसके उदाहरण पर हम अगले पाठों में विभिन्न मेट्रिक्स का अध्ययन करेंगे। हम इस तत्व को इस तरह व्यवस्थित करेंगे कि इसमें सीमाएं, आंतरिक पैडिंग, और स्क्रॉल बार भी हों:

html<div id="elem">
  some long text
</div>

css#elem {
  width: 300px;
  height: 150px;
  margin: 50px auto;
  padding: 25px;
  background: #CFF5BF;
  border: 25px solid #F0D7A1;
  overflow: auto;
  text-align: justify;
}

Результат:

चलिए इस तत्व का संदर्भ एक चर में प्राप्त करते हैं:

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