JavaScript选择没有属性的元素 - CSS

在编写网页时，有时需要选择没有特定属性的元素，例如没有id或class的元素。 JavaScript和CSS都提供了不同的方法来选择这些元素。

使用JavaScript选择没有属性的元素

在JavaScript中，可以使用以下方法来选择没有属性的元素：

1. 使用querySelectorAll方法

const elements = document.querySelectorAll('*:not([class]):not([id])');

上面的代码将选择所有没有class和id属性的元素。也可以根据其他属性来选择元素，只需将属性名称添加到选择器中即可。

2. 使用getAttribute方法

const elements = document.getElementsByTagName('*');

for (let i = 0; i < elements.length; i++) {
  const element = elements[i];

  if (!element.getAttribute('class') && !element.getAttribute('id')) {
    // do something with element
  }
}

上面的代码将选择所有没有class和id属性的元素，并在循环中执行某些操作。

使用CSS选择没有属性的元素

在CSS中，可以使用以下方法来选择没有属性的元素：

1. 属性选择器

*[class='']:not([id]), *[id='']:not([class]) {
  /* styles */
}

上面的代码将选择所有没有class和id属性的元素。也可以根据其他属性来选择元素，只需将属性名称添加到选择器中即可。

2. :not伪类选择器

:not([class]):not([id]) {
  /* styles */
}

上面的代码将选择所有没有class和id属性的元素。也可以根据其他属性来选择元素，只需将属性名称添加到选择器中即可。

结论

无论是使用JavaScript还是CSS，都有多种方法可以选择没有属性的元素。选择方法根据具体情况而定，可以根据需要自由选择使用哪种方法。