javascript - 为什么我的 JavaScript if 语句不起作用？

Question

尽管我将 block 参数的值作为 physicalActivityBlock 传递，但第一个 if 语句不起作用:

function obj(select,block,idName) {
    var a=document.getElementById(select).value;
    var b=document.getElementById(block);
    var i=0;
    b.innerHTML = '';

   if(block=='physicalActivityBlock'){
       b.appendChild('<p>hello</p>');
   }
}

Answer 1

if 条件看起来不错，但 if block 中的代码是错误的。 appendChild不接受字符串。它接受 DOM 节点。

无论如何，当您使用innerHTML时，您可以这样做:

if (block == 'physicalActivityBlock') {
    b.innerHTML = '<p>hello</p>';
}

我可能会稍微改变逻辑，这样你只需设置 innerHTML 一次:

function obj(select,block,idName) {
    var a=document.getElementById(select).value;
    var b=document.getElementById(block);
    var i=0;

   b.innerHTML = block=='physicalActivityBlock' ? '<p>hello</p>' : '';
}

如果您确实想使用appendChild，则必须创建该元素:

var p = document.createElement('p');
p.innerHTML = 'hello';
b.appendChild(p);