Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
Extract the value of the <text> to a variable using JavaScript?
To extract the value of the , use −
document.getElementById(“yourTextIdValue”).textContent
Example
<!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>
<svg>
<text id="myText" x="100" y="100">This is the JavaScript....
</text>
</svg>
<script>
var originalText = document.getElementById("myText").textContent;
console.log(originalText);
</script>
</body>
</html>
To run the above program, just save the file name anyName.html(index.html) and right click on the file and select the option open with live server in VS Code editor.
Output
This will produce the following output display the value −
Updated on: 2026-03-11T22:50:51+05:30
782 Views
Advertisements