getElementByID（）参数说明

Question

我正在查看一些使用Web门户的自动化脚本，以节省大量繁重的工作。用于选择窗口等的命令对我来说很有意义，但是有很多行看起来像

Set oSelect = wndw.document.getElementById("pvBody:PageTemplate:innerHolder:ctrlAddPassword:ddlSafename")

或者

Set oSelect = wndw.document.getElementById("pvBody:PageTemplate:innerHolder:ctrlAddPassword:PasswordProperties:rptRequiredProperties:_ctl2:ctrlRequiredProperties:ddlValue")

我理解程序在这里做了什么：它在页面上选择一个元素来处理，但是大量的字符串让我感到困惑。我知道没有网站本身可能没有任何意义，但我必须自己去做。

我想知道如何找出我会放在那里的东西。它是否像检查元素一样简单，或者我是否需要深入了解页面源以找出它的名称？

Answer 1

字符串是HTML元素的ID。有人显然认为选择具有某种内部结构的ID是合适的，大概是为了使它们更容易找到/生成/处理/无论如何。但是从HTML的角度来看，它们只是不透明的字符串。他们也可以命名为"foo"和"bar"，只要它们在页面内是唯一的。

如果您需要识别要使用的元素的ID，您需要查看这样的元素可能如下所示的页面源：

<select id="pvBody:PageTemplate:innerHolder:ctrlAddPassword:ddlSafename">
  <option value="foo">23</option>
  <option value="bar">42</option>
  ...
</select>

或生成页面源代码（实现生成ID的逻辑）。