如何选择没有Id属性的元素？

Question

我有两个textarea,其中一个有id属性,另一个没有.像这样的东西:

<textarea> </textarea>
<textarea id = 'idname'> </textarea>

现在我需要选择第一个textarea,我该怎么做？

Answer 1

您可以组合:not()伪类和[id] 属性选择器,以便使用id属性否定元素:

textarea:not([id]) {}

document.querySelectorAll('textarea:not([id])');

$('textarea:not([id])');

基本示例:

textarea:not([id]) {
  width: 100%;
}

<textarea></textarea>
<textarea id='idname'></textarea>