javascript - innerHTML的内容是 "undefined"

Question

我以前从未遇到过这个问题，但现在使用 PHP，当我尝试使用直接从数据库中的 id 获取的产品 id 来编辑 div 的内容时，如下所示(两者都分隔在两个 foreach 中，获取它们当前的值)正确的 ID)，因为我需要将它们分开，这样当我可以更改内容时，我可以对其进行修改，以便我可以使第二个 DIV 显示:默认情况下无，并且在单击第一个 DIV 后使其显示:内联:

<div id="h<?php echo $obra['id'] ?>" onClick="display()"> </div> // Getting ID h + 84 (h84) this time
<div id="<?php echo $obra['id'] ?>"> TEST TEXT</div> // Getting ID 84 this time)

其功能是:

function display() {
    var result = document.getElementById("84").innerHTML;
    result.innerHTML = "test";
    alert(result);
}

现在，当我单击第一个DIV时，它应该获取ID为84的div的内容，即“TEST TEXT”，然后将其更改为“test”并更改我在浏览器中看到的内容和之后，使用新的结果值发出警报，但内容不会更改，并且警报显示测试文本。

如果需要，这里是完整的相关代码:

<div class="row m-0">
            <div class="accordion pl-0 col-4 text-center">
        <?php   if ( count($cuadros) == 0) { ?>
                    <p class="text-center mt-3">No hay cuadros registrados.</p>
        <?php   } else { 
                    $cont = 0;
                        foreach ( $cuadros as $obra ) { ?>
                            <div class="card border-top-0 border-left-0 rounded-0 p-0">
                                <div class="card-header border-0" id="h<?php echo $obra['id'] /* it gets value "84" */ ?>" onClick="display()">
                                    <h5 class="mb-0">
        <?php                           echo $obra['nombreObras']; ?>
                                    </h5>
                                </div>
                            </div>
        <?php       $cont++; } ?>
            </div>
        <?php foreach ( $cuadros as $obra ) { ?>
            <div class="col-4 hidden" id="<?php echo $obra['id'] /* It gets value "84" */ ?>">
                TEST TEXT
            </div>
        <?php   } ?>
        <?php } ?>
        </div>

以及所发生情况的屏幕截图(请注意，更改应反射(reflect)在警报中，事实并非如此)

谢谢!

Answer 1

您正在重新执行innerHTML。所以会返回错误。从结果中删除 innerHTML

function display() {
    var result = document.getElementById("84");
    result.innerHTML = "test";
    alert(result);
}