javascript - HTML 元素动态定位

Question

我试图根据是否设置了某些 session 变量来动态定位 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; ?>

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

谢谢

Answer 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 } ?>