Javascript 在react中访问dom元素

Javascript 在react中访问dom元素,javascript,reactjs,Javascript,Reactjs,这确实是一个奇怪的问题,但让我展示图片,然后提问。 如你所见,我有一个id为的div应用程序,其中所有组件基本上都是渲染的。 我正在处理的项目使用了一些图表(amcharts),由于在添加脚本标记后有额外的div,并且它们需要额外的填充,我到处都搜索了,但我无法解决这个问题。 我认为可以使用的一个修复或替代方法是getElementsByTag,然后获取导致问题的div,因为它基本上改变了它的样式。我可以用普通js实现,但不能用react组件。 我使用了ref,但我可以在实际图表上使用ref,

这确实是一个奇怪的问题,但让我展示图片,然后提问。

如你所见,我有一个id为的div应用程序,其中所有组件基本上都是渲染的。 我正在处理的项目使用了一些图表(amcharts),由于在添加脚本标记后有额外的div,并且它们需要额外的填充,我到处都搜索了,但我无法解决这个问题。
我认为可以使用的一个修复或替代方法是getElementsByTag,然后获取导致问题的div,因为它基本上改变了它的样式。我可以用普通js实现,但不能用react组件。 我使用了ref,但我可以在实际图表上使用ref,但由于这些div在组件中不可用,我如何向其添加ref并访问

因此,我的问题基本上是在脚本标记之后获得6个左右的div,并添加一些内联样式,并删除其中的宽度和填充。
希望我说得清楚。

您可以使用CSS
~
()选择器来选择div并设置它们的样式

#app~div{
背景:橙色;
利润率:0.05倍;
}

图表
图表
图表
图表

chart
您可以使用CSS
~
()选择器选择div并设置它们的样式

#app~div{
背景:橙色;
利润率:0.05倍;
}

图表
图表
图表
图表

chart
“我可以用普通js但不在react组件中这样做”如果你可以在react之外这样做,那么问题是什么?所有这些div在index.html文件中都不可用,“我可以用普通js但不在react组件中这样做”如果你可以在react之外这样做,那么问题是什么?所有这些div在index.html文件中都不可用,