如何在獨立的dom上使用querySelectorAll？

Question

我需要傳遞給actionSorter（）方法和HTMLCollection，我想知道如何創建與DOM分離的臨時div。

有任何想法嗎？

       var temp = document.createElement('div');
        temp.className = 'temp';
        temp.dataset.href = 'zoomout';
        var coll = document.querySelectorAll('.temp');
        this.actionSorter(coll);



actionSorter: function($el) {

            var href = $el[0].dataset.href;
            if (href === 'viewup') {
                Viewer.itemAnimateUp();
            }
            if (href === 'viewright') {
                Viewer.itemAnimateRight();
            }
            if (href === 'viewdown') {
                Viewer.itemAnimateDown()
            }
            if (href === 'viewleft') {
                Viewer.itemAnimateLeft();
            }
            return false;
        },

Answer 1

您不需要執行querySelectorAll因為您已經有了該元素。

足夠通過temp元素

this.actionSorter(temp);

但是，如果您的元素更復雜，並且您想在未附加到DOM的臨時元素中找到某些內容，則可以調用該元素的querySelectorAll方法，例如

temp.querySelectorAll(".selector")

請注意， querySelectorAll返回一個元素數組。

更新：根據您的代碼...只需將數組作為參數傳遞

  var temp = document.createElement('div');
  temp.className = 'temp';
  temp.dataset.href = 'zoomout';
  this.actionSorter( [temp] ); // <--- note temp into array

Answer 2

嘗試這樣的事情

   var temp = document.createElement('div');
    temp.className = 'temp';
    temp.dataset.href = 'zoomout';
    this.actionSorter(temp);