Javascript 如何访问<;中的DOM元素;画布>;?

Javascript 如何访问<;中的DOM元素;画布>;?,javascript,canvas,cytoscape.js,Javascript,Canvas,Cytoscape.js,我正在使用Cytoscape库,它本身是灵活的。然而,我已经到了需要根据某个事件动态访问某个元素的地步 Cytoscape在画布元素中呈现数据 例如,是否可以访问这些节点的innerText?我试过在主画布的所有子元素中循环。我甚至试着在React中给它一个裁判,然后这样做。我的选择是什么?我知道我可以用他们的API更改标签,但innerText只是我脑海中的一个例子 画布中的这些元素甚至是DOM元素吗?比如说,通过在运行时动态更改CSS,我是否能够获得一个节点并为其提供一个框阴影或不同的边界半

我正在使用Cytoscape库,它本身是灵活的。然而,我已经到了需要根据某个事件动态访问某个元素的地步

Cytoscape在画布元素中呈现数据

例如,是否可以访问这些节点的innerText?我试过在主画布的所有子元素中循环。我甚至试着在React中给它一个裁判,然后这样做。我的选择是什么?我知道我可以用他们的API更改标签,但innerText只是我脑海中的一个例子


画布中的这些元素甚至是DOM元素吗?比如说,通过在运行时动态更改CSS,我是否能够获得一个节点并为其提供一个框阴影或不同的边界半径?

画布内呈现的形状实际上是图片中的像素;一个光栅图像,如果你愿意;非HTML API的一部分在画布内的节点工作,因为它们不是元素;(甚至拖动事件也是在内部完成的;画布处理鼠标事件,检测鼠标位置,并重新绘制帧以模拟拖动事件)。Cytoscape在内部保存这些模型的数据,并在此基础上在画布上绘制像素;因此,您可以在传递给Cytoscape组件的数据中找到节点的文本


这些形状、线条等的样式仅限于Cytoscape支持的内容(例如颜色、线条宽度、线条颜色),而非html、css内容在内部节点上工作;画布本身是有效元素,您可以在其上应用框阴影、边框、过滤器(反转)等,但可能没有任何用处。

演示是画布,您需要使用画布api来“绘制”某些内容,而不是html元素dom操作。