1

我正在尝试在已经存在的按钮对象旁边添加一个新按钮对象，但它没有 ID，因此我无法简单地选择该对象。唯一具有 ID 的对象是 iframe。页面如下所示：

<iframe id="gsft_main" />
  <html>
    <head>...</head>
    <body>
      <table>
      ...
      </table>
      <table>
        <table>
        ...
        </table>
      </table>
      <button onclick="someCodeHere('')"> Submit </button>
      <script>...</script>
      <script>...</script>
      <script>...</script>
    <body>
  </html>
</iframe>

我需要更改它，使其看起来像：

...
...
<button onclick="injectedCodeHere('')"> Do Something Else </button>
<button onclick="someCodeHere('')"> Submit </button>
...
...

谢谢

4

2 回答 2

4

由于这是页面上的最后一个按钮，因此选择所有类型的元素，button然后从数组中取出最后一个：

var frame = ... get frame by id ...
var buttons = frame.contentDocument.getElementsByTagName ('button');
var lastButton = buttons[buttons.length-1];
于 2012-08-07T08:34:32.113 回答
1

这将向页面添加一个按钮： 

var element = document.createElement("input");
element.setAttribute("type", "button");
element.setAttribute("value", "Do Something Else");
element.setAttribute("onclick", "injectedCodeHere('')");

var gsft = document.getElementByID("gsft_main");
gsft.contentDocument.getElementsByTagName('button')[0].appendChild(element);
于 2012-08-07T08:38:43.230 回答