Javascript:使用span文本作为参考,单击页面上的链接

Javascript:使用span文本作为参考,单击页面上的链接,javascript,html,css,Javascript,Html,Css,抱歉,如果这是一个愚蠢的问题,但我对HTML和javascript非常陌生 我试图点击网页上没有唯一标识符的按钮/链接,至少我看到的是这样。 下面是HTML代码的片段。 是否可以引用“a”元素下的范围值/文本,例如搜索事件、新事件 或者我还有别的办法吗 "<div class="item EP lvl1 " navmode="1" artype="NavBarItem" arid="app1598" lvl="1" arwindowid="0" style="height: 25px; o

抱歉,如果这是一个愚蠢的问题,但我对HTML和javascript非常陌生

我试图点击网页上没有唯一标识符的按钮/链接,至少我看到的是这样。 下面是HTML代码的片段。 是否可以引用“a”元素下的范围值/文本,例如搜索事件、新事件

或者我还有别的办法吗

"<div class="item EP lvl1 " navmode="1" artype="NavBarItem" arid="app1598" lvl="1" arwindowid="0" style="height: 25px; overflow: visible; border-top: medium none; border-bottom: medium none;">

    <a class="btn" style="z-index: 1;" onclick="javascript:CallARGHPD_58INC_58AppListEntryPointamrrm6100EPFunc(false, this);">

        <span class="navLabel lvl1 ">

            New Incident

        </span>
    </a>

</div>
<div class="item EP lvl1 " navmode="1" artype="NavBarItem" arid="app1599" lvl="1" arwindowid="0" style="height: 23px; overflow: visible; border-left: 1px solid rgb(…, 233); border-top: medium none; border-bottom: medium none;">

    <a class="btn" style="z-index: 1;" onclick="javascript:CallARGHPD_58INC_58AppListEntryPoint_95Searchamrrm6100EPFunc(false, this);">

                <span class="navLabel lvl1 ">

                    Search Incident

                </span>
            </a>
        </div>
    </div>

</div>"
基本上,表单如下所示,像文件夹结构一样单击每个表单,以访问内部链接

Form
  |  Incident Management
    |  New Incident (links to another page)
    |  Search Incident (links to another page)
  |  Problem Management
    |  New Problem (links to another page)
    |  Search Problem (links to another page)
每个都有span属性及其对应的文本,如大纲所述

通过单击每个按钮/链接导航到内部结构,例如事件管理>搜索事件 -我试图通过使用span文本作为参考或任何可行的参考在链接上循环来实现这一点

这有意义吗?再说一次,如果没有,很抱歉。谢谢你的帮助

更新:

谢谢你的建议。 这可能不是最好的解决方案,但至少,我能够通过下面的实现找到一条出路

// Reference the intended element/class/item
var link = objIE.Document.querySelectorAll('a[onclick="javascript:CallARGHPD_58INC_58AppListEntryPoint_95Searchamrrm6100EPFunc(false, this);"]');

// Do something with it (e.g. click the link)
link[0].click();

在JavaScript中可以通过多种方式实现这一点,但其中一种方式是使用

var labels = document.querySelectorAll('.navLabel');
这将返回类为“navLabel”的所有元素

然后,要引用单个标签,您可以执行以下操作:

var firstLabel = label[0].innerHTML;
var secondLabel = label[1].innerHTML;
同样,有多种方法可以做到这一点,这取决于您在获得引用后想对引用执行什么操作。

只需使用:

var label=document.getElementByClassName('navLabel lvl1');

label[0].value;     //New Incident
label[1].value;     //Search Incident

不清楚你在问什么。你想达到什么目的,你尝试过什么,你看到了什么效果?这就是人们投票否决你的问题的原因谢谢!根据你的建议,我能做点什么
var firstLabel = label[0].innerHTML;
var secondLabel = label[1].innerHTML;
var label=document.getElementByClassName('navLabel lvl1');

label[0].value;     //New Incident
label[1].value;     //Search Incident