HTML元素动态定位答案

【问题标题】：HTML Element Dynamic PositioningHTML元素动态定位
【发布时间】：2017-11-16 19:23:12
【问题描述】：

我试图根据是否设置了某些会话变量来动态定位 html 元素。我的代码如下：

<?php if(!empty($_SESSION['fromARPE'])) : ?>

    <script>
        document.getElementById("provenance").style.top = "80%";
    </script>

    <div style="font-size:30px;">Provenance / <br/> Provient de ARPE : </div>
    <div style="position:absolute;left:40%;font-size:70px;" id="provenance"><?=$_SESSION['fromARPE']?></div>
    <div style="border-bottom:1px solid black; margin-left:35%; width:70%;"></div>';

<?php endif; ?>

这样可以吗？如果是这样，我错过了什么？

谢谢

【问题讨论】：

这段代码的结果是什么？有什么用吗？
根本不工作，不。用下面的答案修复它。不过感谢您的宝贵时间。

标签： javascript php html dom

【解决方案1】：

是的，没关系，你只需要纠正一些错误，见下面的代码：

<?php if(!empty($_SESSION['fromARPE'])) { ?>

    <div style="font-size:30px;">Provenance / <br/> Provient de ARPE : </div>
    <div style="position:absolute;left:40%;font-size:70px;" id="provenance"><?php echo $_SESSION['fromARPE']; ?></div>
    <div style="border-bottom:1px solid black; margin-left:35%; width:70%;"></div>';

    <script>
        document.getElementById("provenance").style.top = "80%";
    </script>

<?php } ?>

【讨论】：

指出错误所在会很有帮助。谢谢
谢谢老兄，解决了问题。
如果您不介意，请您解释一下区别