php中的Javascript包括。 GetElementByID在父文档中查找div而不是包含的文档

Question

我有一个PHP文件，其中包含页面的一部分，而其余部分使用include来显示页面的其余部分。在包含的php文档中，我有一些javascript使用getElementById来查找div的宽度但是javascript似乎在父文档中搜索div。我已经包含了一个图像来证明这个问题。

Example Image here

有没有办法让javascript找到包含文档中的div而不是父文档？

编辑：我不确定它是如何开始工作的。一定是缺少一些语法。主持人是否有机会为我删除这个？

Answer 1

PHP在服务器上运行。 include在调用它的位置从另一个文件中添加一块代码。 PHP的输出作为单个文档发送到浏览器。

浏览器不（也不能）知道或关心包含。它只能看到一个包含两个共享id的元素的文档。这在HTML中是不允许的，它会尝试从错误中恢复。

修复您的代码，使其不会生成包含重复ID的文档。使用a validator检查生成的HTML。

Answer 2

当您在页面上包含文件时，您必须使用相同的ID进行分组，即

<div id="example">
   width="150px"
</div>

<div id="example">
   width="15px"
</div>

现在，getElementById将为您提供值1st，因为两者具有相同的ID，

尝试使用不同的ID。这将有效。