Question

我有一个巨大的div网格，随机生成内容和背景图像，我想创建一个随机生成它的函数，但在此之前它显然会清除所有文本内容和背景图像。

我尝试过这样做：

document.getElementsByClassName("isq").innerHTML = null;

还尝试使用textContent =“”，没有任何帮助。我也无法使用

document.getElementsByClassName("isq").style.backgroundImage = "none";

我做错了什么？这是我的html（只有1/4，但它基本相同：

    <div class="row r1">
    <div class="square o1">
        <div class="isq i1"></div>
        <div class="isq i2"></div>
        <div class="isq i3"></div>
        <div class="isq i4"></div>
        <div class="isq i5"></div>
        <div class="isq i6"></div>
        <div class="isq i7"></div>
        <div class="isq i8"></div>
        <div class="isq i9"></div>
    </div>
    <div class="square o2">
        <div class="isq i1"></div>
        <div class="isq i2"></div>
        <div class="isq i3"></div>
        <div class="isq i4"></div>
        <div class="isq i5"></div>
        <div class="isq i6"></div>
        <div class="isq i7"></div>
        <div class="isq i8"></div>
        <div class="isq i9"></div>
    </div>
    <div class="square o3">
        <div class="isq i1"></div>
        <div class="isq i2"></div>
        <div class="isq i3"></div>
        <div class="isq i4"></div>
        <div class="isq i5"></div>
        <div class="isq i6"></div>
        <div class="isq i7"></div>
        <div class="isq i8"></div>
        <div class="isq i9"></div>
    </div>
</div>

如果对我来说显示我是如何生成div的内容和背景让我知道并且我将简化JS代码来展示它，但我不认为它是必要的

Answer 1

由于cloned.positions是一个数组，您应该执行以下操作：

document.getElementsByClassName("isq")

Answer 2

从var arr = document.getElementsByClassName("isq"); for(var i=0; i<arr.length; i++) arr[i].innerHTML = null;获取一个数组并迭代它并将document.getElementsByClassName('isq')设置为innerHTML。

''

var divs = document.getElementsByClassName('isq');

var emptyDivs = function(){
  Array.from(divs).forEach(function(ele){
    ele.innerHTML = '';
  });
}

emptyDivs();

Answer 3

试试这个：

document.getElementByID(elementId).innerHTML = "";

上课：

document.getElementsByClassName("someClass").innerHTML = "";

从div中大量删除内容和属性

3 个答案: