How to Underline Text in Div in JavaScript?

Javascript >   DOM Manipulation >   Introduction to DOM  

Long Question

296

Answer:

JavaScript – Underline Text in Div

To underline text in div using JavaScript, get reference to the div element, and assign element.style.textDecoration property with value of "underline".


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head> 
<body>
    <h2>Underline Text Div in JavaScript</h2>
    <div id="myDiv">
        <p>This is a paragraph in Div.</p>
        <span>This is a span in Div.</span>
    </div>
    <br>
    <button type="button" onclick="changeStyle()">Click Me</button>

    <script>
    function changeStyle(){
        var element = document.getElementById("myDiv");
        element.style.textDecoration = "underline";
    }
    </script>

</body>
</html>

This Particular section is dedicated to Question & Answer only. If you want learn more about Javascript. Then you can visit below links to get more depth on this subject.

Javascript Syllabus
Javascript Tutorial
Javascript Programs
JavaScript Interview Questions

# C Tutorials # JAVA Tutorials # HTML Tutorials # Computer Fundamental # Data Structure # DBMS Tutorials SQL # C# Language # R Language # PHP # Python # Vue JS

Join Our telegram group to ask Questions

Click below button to join our groups.

Ask Question - CSE
Programming Language - PDF