MutationObserver的使用来操纵和输入元件的设置“类型”属性动态加载(usage of

2019-10-30 08:25发布

我有一个问题，早期这里这让我到这个阶段要问另一个问题：

什么，我想实现摘要：

我试图用MutationObserver保持注视我的文档，然后更改动态加载输入元素的“类型”。

不完整的代码和需要帮助：

var observer = new MutationObserver(function (mutations)
           {
             mutations.forEach(function (mutation)
             {
               console.log(mutation.type);

             // here I need to get all elements with class "GTnumeric" and 
             // change its "type" to be "tel" if its not "hidden"

             // **please help me out here**
                       // TRIED CODE 

             });
            });

  var config = {
  childList: true,
  subtree: true
  };

 // Node, config
 var targetNode = document.body;

 // or would you rather suggest me to try
 var targetNode = document.getElementsByClassName(".GTnumeric");


 // setting the observer
 observer.observe(targetNode, config);

我不知道如何通过在for循环中返回的突变迭代。我在上面的片段提到CODE的地方下面尝试和我得到：[未捕获的类型错误：T [1] .getAttribute不是函数]

受审CODE

var elems = document.getElementsByClassName(".GTnumeric");
for (var el in elems) {
    if (elems[el].getAttribute("type") != 'hidden') {
        elems[el].setAttribute("type", "tel");
    }
}

请进一步引导我，我不知道如何MotationObserver有效地使用。谢谢你的帮助！