Load JavaScript files dynamically

var jsElm = document.createElement(“script”); jsElm.type = “application/javascript”; jsElm.src = “https://cdn.dotmaui.com/libs/jquery/3.6.0/jquery.min.js”; document.head.appendChild(jsElm);

Export HTML table to excel using Javascript

Simply add this script to your web page: <script src=”https://cdn.dotmaui.com/p24/js/exportTableToExcel.min.js”></script> To use it, call the exportTableToExcel() function specifying the table id as the first argument and optionally the file name as the second argument. Example:…

jQuery to pure Javascript examples – 5

Get inner text // jQuery var text = $(“#myElm”).text(); // Pure javascript var text = document.getElementById(“myElm”).textContent; Set inner text // jQuery $(“#myElm”).text(“My text”); // Pure javascript document.getElementById(“myElm”).textContent = “My text”; Get inner HTML // jQuery…

jQuery to pure Javascript examples – 4

Add onclick event // jQuery $(“#myElm”).click(function(){ alert(“Hello world”); }); // Pure javascript document.getElementById(“myElm”).addEventListener(“click”, function() { alert(“Hello world!”); }, false); Get child node by index //jQuery var child = $(“#myElm”).eq(2); // Pure javascript var child =…

jQuery to pure Javascript examples – 3

In these examples we see how easy it is to display, hide or use the toggle without jQuery. Hide an item  // jQuery $(“#myElm”).hide(); // Pure javascript document.getElementById(“myElm”).style.display = “none”; Show an item // jQuery…

jQuery to pure Javascript examples – 2

With this post we continue the series of examples to replace jQuery with pure javascript. Add class // jQuery $(“#myElm”).addClass(“my-class”); // Pure Javascript document.getElementById(“myElm”).classList.add(“my-class”); Remove class from an element // jQuery $(“#myElm”).removeClass(“my-class”); // Pure Javascript…