如何使用原始JS在SVG内部的externalobject内部通过id / class选择HTML元素

Question

SVG在HTML页面的HTML内部进行了硬编码。 foreignobject内部的HTML正在工作并响应代码编辑器中的直接编辑，但我无法使用原始JS选择/操作元素的样式。

recursiveRemove('/path/to/directory');

document。?????（'toModify'）。style.left = 20 +'px';

Answer 1

＆＃13;

＆＃13;

var thing = document.getElementById("toModify")

console.log(thing)

thing.style.left = 20 + 'px'

console.log(thing)

＆＃13;

<div>
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svgId" version="1.1">
        <foreignObject requiredExtensions="http://www.w3.org/1999/xhtml" width="50" height="50">
            <div id="toModify" style="left:10px;"></div>
        </foreignObject>
    </svg>
</div>

＆＃13;

＆＃13;

＆＃13;

我认为这就是你想要的？