将 jQuery 语句转换为简单的 javascript

Question

我不希望使用jQuery插件或.我希望关闭所有输入的自动完成。

我有这个代码-

$("input, select, textarea").attr("autocomplete", "off");

如果可能的话，这可以放在普通的javascript中吗？

Answer 1

将querySelectorAll()与forEach()一起使用

1. 使用 querySelectorAll() 获取 dom 元素

2. 使用Array.from()将其转换为数组

3. 使用迭代器迭代forEach()元素

4. 在setAttribute()的帮助下设置属性

Array.from(document.querySelectorAll("input, select,textarea")).forEach(function(ele) {
  ele.setAttribute("autocomplete", "off");
});

<textarea></textarea>
<input />
<select></select>

---

对于较旧的浏览器，请检查forEch和Array.from方法的polyfill选项。

---

甚至您可以使用带有forEach()的call()来简化代码

[].forEach.call(document.querySelectorAll("input, select,textarea"), function(ele) {
  ele.setAttribute("autocomplete", "off");
});

<textarea></textarea>
<input />
<select></select>