The SVG Element.outerHTML property returns innerHTML of the given element.
Syntax:
const content = element.outerHTML
Return value: This property returns outerHTML of the element.
Example 1:
HTML
<!DOCTYPE html> < html >
< body >
< svg width = "350" height = "100" < text x = '100' y = '50' font-size = "50px" >GfG</ text >
</ a >
< script >
var g = document.getElementById('gfg');
console.log(g.outerHTML);
</ script >
</ svg >
</ body >
</ html >
|
Output:
Example 2:
HTML
<!DOCTYPE html> < html >
< body >
< svg width = "350" height = "500" < circle cx = '100' cy = '100' r = "100" ></ circle >
</ a >
< script >
var g = document.getElementById('gfg');
console.log(g.outerHTML);
</ script >
</ svg >
</ body >
</ html >
|
Output: