提问者:小点点

forloop中的内部html不工作


var draftloc = { ans: ["a", "b", "c"] };
for (var i = 0; i < draftloc.ans["length"]; i++) {
  //draftloc.length === draftloc["length"]

  console.log("draftloc for loop works");

  //rcnounk is a element(div)
  rcnounk.innerHTML += `<div class="ml-negative-20 mt-9">
                        <div class="ui check checkbox">
                            <input type="checkbox" name="example">
                            <label>${draftloc.ans[i]}</label>
                        </div>
                    </div>`;
}

对于循环是工作的,所有的东西都被定义了,但是内部html不工作


共1个答案

匿名用户

你需要从rcnounk那里得到div-elem。

rcnounk=document.getElementById('rcnounk');

有了这个,它似乎是有效的。

null

var draftloc = { ans: ["a", "b", "c"] };
for (var i = 0; i < draftloc.ans["length"]; i++) {
  //draftloc.length === draftloc["length"]

  console.log("draftloc for loop works");

rcnounk=document.getElementById('rcnounk');
  //rcnounk is a element(div)
  rcnounk.innerHTML += `<div class="ml-negative-20 mt-9">
                        <div class="ui check checkbox">
                            <input type="checkbox" name="example">
                            <label>${draftloc.ans[i]}</label>
                        </div>
                    </div>`;
}
<div id='rcnounk'>RC</div>