javascript - 看div里面有没有form

Question

我有一个 div，其 id 如下:comment-box-5 我想看看是否使用 javascript 如果它里面有一个表单，如果是的话，如果不添加它，请删除它(所以它当我调用函数时切换)。我写了这段代码来尝试这样做:

function reply(id){
    console.log(document.getElementById('comment-id-' + id).innerHTML.indexOf(document.getElementById('form-' + id)));
    if (document.getElementById('comment-id-' + id).innerHTML.indexOf(document.getElementById('form-' + id))) {
        var form = replyFn(id);
        document.getElementById('comment-id-' + id).appendChild(form);
    } else {
        //for toogle effect
        document.getElementById('comment-id-' + id).removeChild(document.getElementById("form-" + id));
    }
}

我尝试执行它但是 console.log(document.getElementById('comment-id-' + id).innerHTML.indexOf(document.getElementById('form-' + id))); 打印 -1 即使里面有表格。

我做错了什么？我怎样才能真正看到 div 中是否有表单？

Answer 1

您可以将条件更改为:

if ( document.querySelector('#comment-id-' + id +'>#form-' + id) ) {
    //Your if logic
}else{
    //Your else logic
}

片段:

var id = 1;

if (document.querySelector('#comment-id-' + id + '>#form-' + id)) {
  console.log('Remove form');
} else {
  console.log('Add form');
}

<div id="comment-id-1">
  <form id="form-1"></form>
</div>