将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方法的填充选项。

即使您可以使用 call() forEach() 来简化代码

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

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