問題：javascript 開關盒不適用於我的 var

Question

我有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內容時它返回未定義......（因為我在上面設置了''值......如果我更改了值，那么它將我的 div 內容更改為插入其中的值[例如，如果我設置 var content = 'abc'，它會加載 abc]，但我需要它使用開關的值）

我該如何解決？

謝謝。

PS：香草js。

Answer 1

嗨 myId 是 header 元素，它沒有任何價值。 它有innerHtml。 所以你必須這樣使用。

 var headerChange = document.getElementById('myId'); var content = ''; headerChange.addEventListener('click', changeDiv, false); function changeDiv(event) { console.log('event:',event.target.innerHTML) switch (event.target.innerHTML) { case 'A': { content = 'Here the new content case A'; break; } case 'B': { content = "Here the new content case B..."; break; } } headerChange.innerHTML = content; } function changeDivByButton(action) { switch (action) { case 'A': { content = 'Here the new content case A'; break; } case 'B': { content = "Here the new content case B..."; break; } } headerChange.innerHTML = content; }

 <h1 id="myId">A</h1> <button onclick="changeDivByButton('A')">Click me - A</button> <button onclick="changeDivByButton('B')">Click me - B</button>