java - 如何使用 Selenium JavascriptExecutor 在运行时动态地将 "Input Tags"追加到 DOM 中？

Question

我需要在运行时(动态)将以下元素附加到 DOM 中。

    <input type="text" name="imagesToAdd" value="3566">

我尝试使用 Selenium JavascriptExecutor 来实现；但它给出了一个错误，说“org.openqa.selenium.WebDriverException: document.getElementById(...).append 不是一个函数”

((JavascriptExecutor) driver).executeAsyncScript("document.getElementById('post-ad_title').append('<input type=\"text\" name=\"imagesToAdd\"value=\"3566\">')");

Answer 1

您可以使用 Node.appendChild() 来完成此操作设置所需的属性；

String script = "var p = document.createElement('input');var ele = document.getElementById('post-ad_title');p.setAttribute('type','text');p.setAttribute('name','imageToAdd');p.setAttribute('value','3566'); ele.appendChild(p);";
((JavascriptExecutor) driver).executeScript(script);