javascript - 使用 javascript 将 "id"添加到 <input> 标签中

<分区>

我正在尝试将自定义 css 放在仅由“div”加载的插件上，因此我无法更改它

插件输出为:

<input type="file" name="file" accept=".jpg,.jpeg,.gif,.png">

我需要将它设置为

<input type="file" id="file" name="file" accept=".jpg,.jpeg,.gif,.png">

使用javascript

我已经试过了

<script type="text/javascript">
    document.getElementsByName('file')[0].setAttribute('id','file');
</script>

然后返回未捕获的类型错误:无法读取未定义的属性“setAttribute”

最佳答案

例如，作为替代 CSS 选项，您可以包装 div 并使用嵌套样式。

<div id="container"> 
  <div> // Generated stuff</div>
</div>

然后在你的样式中

#container {
  // General styling
}

#container > div > input {
  // Other styles 
}

关于javascript - 使用 javascript 将 "id"添加到 <input> 标签中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49662300/

相关文章：

javascript - 如何获得焦点元素 (<em>)？

javascript - 使用 javascript 将 "id"添加到 &lt;input&gt; 标签中