Javascript 查找具有任意文本和存储在变量中的DOM属性

我是javascript新手。我想在variable和new中存储svg.class值以创建新函数

例如，svg.class值为overline需要存储在$overline=overline中，并且需要创建函数名，如函数newoverline。如何做到这一点

我的html如下所示：

<span class="mord accent">
<span class="vlist-t">
    <span class="vlist-r">
        <span class="vlist" style="height: 1.20533em;">
            <span class="mord">
                <span class="mord mathdefault">A</span>
            </span>
            <span class="svg-align" style="top: -3.68333em;">
                <span class="stretchy" style="height: 0.522em; min-width: 0.888em;">
                    <span class="halfarrow-left" style="height: 0.522em;">
                        <svg width="400em" height="0.522em" class="overline" viewBox="0 0 400000 522" preserveAspectRatio="xMinYMin slice">
                            <path d="M40 281 V428 H0 V94 H40 V241 H400000 v40z M40 281 V428 H0 V94 H40 V241 H400000 v40z"></path>
                        </svg>
                    </span>
                    <span class="halfarrow-right" style="height: 0.522em;">
                        <svg width="400em" height="0.522em" class="underline" viewBox="0 0 400000 522" preserveAspectRatio="xMaxYMin slice">
                            <path d="M399960 241 V94 h40 V428 h-40 V281 H0 v-40z M399960 241 V94 h40 V428 h-40 V281 H0 v-40z"></path>
                        </svg>
                    </span>
                </span>
            </span>
        </span>
    </span>
</span>

函数上覆线 { var元素=$svg； var className=$element.attr'class'； alertclassName； } $document.on'click'，newline'，函数{ 新上划线 }; A. 函数上覆线 { var值=[]； var元素=$svg； fori=0；i 函数上覆线 { var值=[]； var元素=$svg； fori=0；i 函数上覆线 { 调试器； var值=[]； var元素=$svg；

---

fori=0；I您朝着这个方向迈出的每一步？？？@Shubh：我知道如何创建函数名，但不知道如何在DOM属性中存储值。我是Javascript新手，并开始学习JS…您可以在中找到您需要的大部分内容，但犹豫是否标记为直接重复。顺便说一句，您应该明确您的问题是什么阻碍了您不是一个教程站点OP在javascript中是新的，您应该明确这个答案使用的是他们可能不知道/使用的jQuery库或事件want@Vivian：但是类值是any。如何自动存储该值并基于svg.class创建函数名。请参阅更新的问题。您能告诉我您想要实现的详细信息吗？@Vivian：现在示例类值是下划线和下划线。我想存储svg。class=overline值是$newoverline和svg。class=underline值是$newunderline。但是请注意，svg.class值不仅仅是下划线和下划线。它可能是任何东西……我希望你能理解我的问题。@Vivian:工作正常。但是如何设置f或循环检查所有svg标记？如何使用$new+className`with for循环创建函数名？等待您的响应。如何实现$new+className来创建函数。示例函数newoverline{…}和函数newunderline{…}等…谢谢。我尝试过，但找不到解决方案f[元素]是用来动态调用函数的。非常感谢。它工作得很好，正如我所期望的。你能给我提供好的JS和Jquery教程链接吗。我在网上搜索了很多，但没有找到好的解决方案。现在我对学习JS和Jquery非常感兴趣。再次感谢Vivian对你的即时帮助…你可以参考这篇文章和这篇文章nks用于您的代码。但是您必须首先删除上划线代码，并仅警告下划线。但是我想警告for循环中的所有类值，然后需要逐个删除类值。您能否详细说明您想要实现的目标？我想第一次警告svg.class值。然后我想删除svg.class值。接下来再次查找svg.class第二个值。

function overline(item) {
        input = item.parentNode.parentNode.parentNode.parentNode;
    item.outerHTML = "";
}