获取随机生成的元素的ID

时间:2015-04-12 23:52:58

标签: button dynamic getelementbyid

我对编码有一个非常基本的了解。我正在使用一个名为SpreadsheetWEB的程序来制作网络表单计算器。它有一个功能,允许您使用Javascript修改您使用其软件创建的内容。长话短说,他们改变了他们的软件渲染我的自定义功能无用。我将自定义代码插入到程序的“Page Onload”部分,如下所示:

<script language="javaScript">
{
document.getElementById('btn_Next').style.opacity=0;
document.getElementById('btn_Next').style.filter='alpha(opacity=0)';
document.getElementById('btn_Next').click();
}
</script>

当按钮本身静态命名为btn_Next时,这非常有效。但是,他们软件的最新版本现在动态生成按钮的ID。因此,我需要修改我的代码以获取随机生成的按钮ID,以便我可以在其上执行上述功能。

我知道这很愚蠢,但这是我的公司坚持要求我们合作的,所以没有好的方法可以深入挖掘任何代码来正确构建它。如果它有用,这里是基于以下代码的新按钮的输出(如下所示):

下一步

基于此代码:

<span id="ccid_FormOutputéC1288éV1289éc1323" class="VSJS_InputBase" style="position: absolute; width: 82px; height: 19px; left: 0px; top: 27px; line-height: normal; z-index: 3;">

<a id="FormOutputéC1288éV1289éc1323" class="VSJS_JButton" type="BUTTON" style="width: 80px; height: 17px; position: absolute; left: 0px; top: 0px; display: block; cursor: pointer; background: -moz-linear-gradient(center top , rgb(221, 221, 221), rgb(187, 187, 187)) repeat scroll 0% 0% transparent; overflow: hidden; text-align: center;">

<span style="position: absolute; left: 7px; top: 1px; width: 70px; border: medium none; -moz-user-select: none;">Next</span>

“a id =”之后的值我认为是按钮的ID,因为它每次都会改变,当我用Firebug检查时,它指向上面的聚类。

我尝试按类和类型获取元素,但这对我不起作用。我确定这是因为有多个相似的元素。

提前感谢您抽出时间协助我解决这个问题。

2 个答案:

答案 0 :(得分:0)

$(".VSJS_JButton").get(0).id

在这里尝试这一行。 还学习jquery

答案 1 :(得分:0)

根据您给我的ID名称修改我的代码,并将其放在旧id btn_Next的位置,看起来像这样(不起作用):

<script language="javaScript">
{
document.getElementById('$(".VSJS_JButton").get(0).id').style.opacity=0;
document.getElementById('$(".VSJS_JButton").get(0).id').style.filter='alpha(opacity=0)';
document.getElementById('$(".VSJS_JButton").get(0).id').click();
}
</script>