Extract the value of the <text> to a variable using JavaScript?
To extract the value of the , use −
document.getElementById(“yourTextIdValue”).textContent
Example
Live Demo
<!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 −
Published on 01-Sep-2020 14:51:28
