Question

我创建了一个简单的库，我正在尝试更改库中元素的样式。非常简单。

O(n)+O(n)=O(n)

我在Chrome中尝试过，它就像一个魅力。然后我在Microsoft Edge和Internet Explorer中对它进行了测试，他们都无法识别我想要更改的元素他们给出了以下错误：

无法获取未定义或空引用的属性“removeChild”

如何解决这个问题，使其适用于所有浏览器？

codePen

content[0].removeChild(content[0].firstElementChild);
content[0].style.backgroundColor = 'green';

function veryUsefullLibrary(parentElem) {
  var outerWrapper = document.createElement('div'),
    innerWrapper = document.createElement('div'),
    content = parentElem.children;

  function changeFunction(e) {
    console.log(content);

    content[0].removeChild(content[0].firstElementChild);
    content[0].style.backgroundColor = 'green';
  }

  while (content.length)
    innerWrapper.appendChild(content[0]);

  content = innerWrapper.children;

  var radio = document.createElement('input');
  radio.type = 'radio';
  radio.name = 'simSlider';

  radio.addEventListener('change', changeFunction);
  parentElem.appendChild(radio);

  outerWrapper.appendChild(innerWrapper);
  parentElem.appendChild(outerWrapper);

}

var overall = document.getElementById('overall'),
  lib = new veryUsefullLibrary(overall);

#first {
  width: 500px;
  height: 386px;
}

Answer 1

这似乎使它成功。

function changeFunction(e) {
    content = innerWrapper.children;
    console.log(content);

    content[0].removeChild(content[0].firstElementChild);
    content[0].style.backgroundColor = 'green';
  }

元素变得不确定

codePen

1 个答案: