JavaScriptのremoveでエラー

Question

簡単なデータ属性を取得して、それについてるクラスを削除するっていう簡単な処理ですが、下記のようなエラーが出てしまいます。
解決策をご教授していただきたいです。
common.bundle.js:6064 Uncaught TypeError: Cannot read property 'remove' of undefined

const targetNav = document.querySelectorAll('[data-scroll-nav]');
targetNav.classList.remove("absolute");

Answer 1

querySelectorAllが返すのは、NodeListであって、Node単体ではないからです。
classList.removeメソッドは、Node単体にしか存在しませんので、
下記のようにする必要があります。

const targetNav = document.querySelectorAll('[data-scroll-nav]');
// targetNav.classList.remove("absolute");

// NodeListを走査します。
targetNav.forEach(elm => {
  // こうすればelmにNode単体が順繰り入ります。
  elm.classList.remove('absolute');
});

Answer 2

targetNav.classListには、removeというプロパティが定義されていない、とおっしゃってますんで、
まずはそいつになにが入ってるのか調べてみては

Comments

[seisei]

早速のご回答ありがとうございます。
console.log(targetNav.classList);で確認したところ、undefinedがかえってきているのですが、
データ属性で取得したものは操作できないのでしょうか？
ちなみにconsole.log(targetNav)ではNodeListが返ってきています。

[y_waiwai]

それにはなにが入ってるつもりなんでしょうか