将动态更改的数据从iframe加载到div中

Question

我有几组这样的数据，目前存储在iframe中：

<ul class = "barcharts">
    <li id = "wind_v">+20kW</li>
    <li id = "battery_v">+20kW</li>
    <li id = "wave_v">+20kW</li>
    <li id = "station_v">+20kW</li>
    <li id = "charge_v">+20kW</li>
    <li id = "solar_v">+20kW</li>
    <li id = "factory_v">+20kW</li>
    <li id = "shops_v">+20kW</li>
    <li id = "house_v">+20kW</li>
</ul>

每个uls在结构上是相同的，只有改变的是li的内容。我想获取存储的值，然后只取出它的数字，并将其放入一个名为convert（）的函数中，该函数将数字转换为单词（25 - two_five），然后将div的类更改为this值。

innerDoc = document.getElementById('values_numbers').contentWindow.document;

这使我可以访问div中存储的值。

document.getElementById("wind").className = convert(innerDoc.getElementById("wind_v").innerHTML.match(/\d+/g));

我知道转换功能有效，它只是一个简单的开关案例功能，但改变了：

document.getElementById("wind").className = "two_five";

我上面的内容是打破我的页面的原因。

我的问题是：我究竟做错了什么语法不能像我认为的那样工作，或者我的逻辑是完全错误的？