<!DOCTYPE html><html lang="de"> <meta charset="utf-8">
<body contenteditable>
xxxxx
<div id = 'T' contenteditable
style="border: 1px solid black; display:inline-block;">
änderbar
</div>
<svg id="S">
</svg>
<script>
r = (T = document.getElementById('T')).getBoundingClientRect();
S.setAttribute('width',r.width); S.setAttribute('height',r.height);
S
.innerHTML = "<line x1 = " + r.x
+" y1 = " +1*(r.y+r.height-1)
+" x2 = " +1*(r.x+r. width-1)
+" y2 = " +1*(r.y+r.height-1)
+" stroke = 'black'"
+"/>";
console.log(T);
console.log(S); console.log(S.innerHTML);
</script> <!-- nicht zu sehen .
</body></html>