您没有问题，这只是Chrome向您显示信息的方式。
请注意，在您的屏幕截图中，输出是如何被'字符包围的。
这是因为Chrome通过将其呈现为字符串字面量来告诉您该值是字符串。
在字符串中，\x3C表示<。
转义字符的使用是为了使它可以被复制/粘贴到HTML <script>元素中，而不会使字符串文字中的序列</script>过早地触发HTML脚本元素的结束。
您可以通过将最后一行替换为：

const src = new XMLSerializer().serializeToString(svg);
const pre = document.createElement("pre");
pre.textContent = src;
document.body.appendChild(pre);

字符串

输出构建的SVG

const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
const foreignObject = document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject');
foreignObject.appendChild(document.createElement('script'));
svg.appendChild(foreignObject);
let output = new XMLSerializer().serializeToString(svg);
document.body.innerHTML = output.replaceAll("<","&lt;");

字符串

const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
const foreignObject = document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject');
foreignObject.appendChild(document.createElement('script'));
svg.appendChild(foreignObject);
let output = new XMLSerializer().serializeToString(svg);
document.body.textContent = output;

型