stringByEvaluatingJavaScript 对象没有 ID

Question

我正在使用self.webView.stringByEvaluatingJavaScript(from: "document.getElementById('username').value = \"\(username)\"") 输入用户名，它工作正常。

另一个网页有这个字段：

<input type="text" maxlength="255" name="user" class="stdWidth" value="">

还有这个字段：

<input type="password" maxlength="255" password="1" name="pass" class="stdWidth">

我如何使用stringByEvaluatingJavaScript 将文本放入此字段，因为它没有 ID？

我试过"document.getElementByTagName"，但没有用。

我要输入的网页是：Link

Answer 1

像这样尝试。你有class 字段，所以使用document.querySelector() 选择你的元素。下面的示例。

var input = document.querySelector(".stdWidth");
input.value = "\"Hello\"";
//add event listener on edit like this..
input.addEventListener('change',function(){
var value = this.value;
console.log(value);//this is current value of your field
});
  

<!-- begin snippet: js hide: false console: true babel: false -->

更新

getElementsByTagName() 方法以 NodeList 对象的形式返回文档中具有指定标记名称的所有元素的集合。

var input = document.getElementsByTagName('input');
input[0].value = "\"username\"";
input[1].value = "\"password\"";

<input type="text" maxlength="255" name="user" class="stdWidth" value="">
<input type="text" maxlength="255" name="pass" class="stdWidth" value="">