Question

我正在尝试在现有按钮对象旁边添加一个新按钮对象，但它没有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>
...
...

由于

Answer 1

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

var frame = ... get frame by id ...
var buttons = frame.contentDocument.getElementsByTagName ('button');
var lastButton = buttons[buttons.length-1];

Answer 2

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

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);

如何在没有ID的现有按钮旁边添加新按钮

2 个答案: