どうすればdocument.querySelectorAllの結果をノードに変換できますか?
document.quetySeletorall
で同じクラス名を持つ要素の集合を受け取ってそれに対してDOM操作を行いたいです。
しかし、document.querySelectorAll
はいわば配列もどきみたいな形で結果を受け取るようなのでTop
がDOMノードではないので使えないとエラー出てきます。
配列であればそのまま使えますが、Top
は配列そのものではない、つまりDOMノードになっていないのでこのままでは利用できずにDOMノードに変換する必要があると聞きます。
Q1 どんな処理をするとTop
をDOMノードに変換できるのでしょうか?
Q2 このTop
は配列とはどう違うのでしょうか?
var Top = document.querySelectorAll('.top');
document.querySelector('#js').addEventListener('click', function() {
Array.prototype.forEach.call(Top,function(x){
x.parentNode.insertBefore(Top, x);
});
});