const selectElemAll = function(className) { return document.querySelectorAll(className); }; let blogContent = selectElemAll(".blog-content-text"); function ReadMore(blogContentClass) { let contentRemove = []; let elipsis = "..."; for(var i = 0; i < blogContentClass.length; i++){ if (blogContentClass[i].innerText.length > 180) { let content= blogContentClass[i].innerText; let contentRemoveAdd = content.slice(180, content.length); contentRemove.push(contentRemoveAdd); blogContentClass[i].innerText = blogContentClass[i].innerText.replace(contentRemove[i], elipsis); let readMoreBtn = document.createElement("a","HTMLLinkElement"); readMoreBtn.className = "read-more"; readMoreBtn.innerHTML = "Read More"; readMoreBtn.href = "#"; readMoreBtn.classList.add("read-more-btn"); blogContentClass[i].appendChild(readMoreBtn); } } } ReadMore(blogContent) for(var i = 0; i < blogContent.length; i++){ blogContent[i].addEventListener('mouseover', () => { blogContent[i].childNodes[1].style.color = "black"; });
a { color: green; } a:hover { color: yellow; } button:active { background-color: green; } button:focus { background-color: blue; } button:hover { background-color: red; }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)