问题：javascript开关盒don'；我不能用我的var

我对js有问题，正在寻求帮助

我正在尝试更改div的内容，但它不起作用

我的JS：

var headerChange = document.getElementById('myId');
var content = '';

function changeDiv(event) {
        switch (event.target.value) {
            case 'A': {
                content = 'Here the new content case A';
                break;
            }
            case 'B': {
                content = "Here the new content case B...";
                break;
            }
        }
    headerChange.innerHTML = content;
} 

内容（var）不加载开关盒内的内容，当我单击更改div内容时，它返回undefined。。。（因为我在其上设置了“”值…如果我更改了该值，则它会将我的div内容更改为插入其中的值[例如，如果我将var content设置为'abc'，则它会加载abc]，但我需要它与开关的值一起工作）

我怎样才能解决它

谢谢

---

PS:vannila js.

Hi myId是头元素，它没有值。它具有内部HTML。所以你必须这样使用

var headerChange=document.getElementById（'myId'）；
var内容=“”；
headerChange.addEventListener（'click'，changeDiv，false）；
函数更改div（事件）{
console.log（'event:'，event.target.innerHTML）
开关（event.target.innerHTML）{
案例“A”：{
content='这里是新内容案例A'；
打破
}
案例“B”：{
content=“这里是新的内容案例B…”；
打破
}
}
headerChange.innerHTML=内容；
}
功能更改DivByButton（操作）{
开关（动作）{
案例“A”：{
content='这里是新内容案例A'；
打破
}
案例“B”：{
content=“这里是新的内容案例B…”；
打破
}
}
headerChange.innerHTML=内容；
}

A
点击我-A
单击me-B

如果我需要更改同一个div的内容，这会非常有效，但这不是我的情况，我需要更改一个div的内容，而不是包含要单击的元素的内容（即，我在div 4上有按钮a、B、C…并需要它在单击时更改div 1的内容）。我唯一的问题是我无法为“content”变量赋值。不过，还是要谢谢你的帮助！niceçözüm+1来自linkedin@jsNew我已经更新了上面的代码。伙计，它现在工作得很好！非常感谢你！