मान लें कि div में हमारा अल्पविराम से अलग किया गया टेक्स्ट निम्नलिखित है -
<div class="commaSeparated"> This,is,the,first,JavaScript,program </div>
अल्पविराम से अलग किए गए पाठ को अलग-अलग पंक्तियों में बदलने के लिए, आपको अल्पविराम (,) के आधार पर ट्रिम () के साथ-साथ विभाजन () का उपयोग करना होगा।
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div class="commaSeparated">
This,is,the,first,JavaScript,program
</div>
</form>
<script>
var allTheData = document.querySelector('.commaSeparated').textContent.trim().split(',')
var separateList = '<ul>'
allTheData.forEach(function(value) {
separateList += '<li>' + value + '</li>';
});
separateList += '</ul>';
document.querySelector(".commaSeparated").innerHTML = separateList;
</script>
</body>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम “anyName.html(index.html)” को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "ओपन विद लाइव सर्वर" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
