时间戳

首页 > 解决方案 > 在没有 javascript 的任何标签内添加 html

php - 在没有 javascript 的任何标签内添加 html

问题描述

伙计们，我有一个问题。有没有办法在标签内添加html而不使用javascript，只使用php？非常感谢您提前提供的帮助。

例如，有这样的代码：

<?php
// This part is required here, because she comes another function.
// It's generate from php server, I need to show inside tag body, for example.
$code = "<h1 style='display:none' id='title'>My String</h1>";
echo $code;
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Document</title>
</head>

<body>
    <div id="my-div"></div>

    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js'
     integrity='sha512-b6lGn9+1aD2DgwZXuSY4BhhdrDURVzu7f/PASu4H1i5+CRpEalOOz/HNhgmxZTK9lObM1Q7ZG9jONPYz8klIMg=='
      crossorigin='anonymous'></script>

    <script>
        $('#my-div').html($('#titulo').html());
    </script>
</body>

</html>

源代码中的输出是这样的：

插入图像描述

在浏览器中，输出是这个My String：但是，这个操作是礼物，它为此使用了 javascript。我不想那样。这不会，因为代码将显示在顶部，在<! DOCTYPE html>标记之前。例如，是否可以在服务器上插入<h1 style ='display:none' id='title'> My String </h1>boby 标签？

插入图像描述 插入图像描述

我希望它看起来如何：

示例 2

例如，我有这个文件的代码：file2.php 在此处输入图像描述

<?php
include "file2.php";
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Document</title>
</head>

<body>
    <div id="my-div">
        I want to show "<h1>My String</h1>" here.
    </div>
</body>

</html>

标签： phpdomdocument

解决方案

是的，您可以像这样简单地做到这一点：

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Document</title>
</head>

<body>
    <div id="my-div">
       <?php
       $code = "<h1 style='display:none' id='title'>My String</h1>";
       echo $code; 
       ?>
    </div>

    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js'
     integrity='sha512-b6lGn9+1aD2DgwZXuSY4BhhdrDURVzu7f/PASu4H1i5+CRpEalOOz/HNhgmxZTK9lObM1Q7ZG9jONPYz8klIMg=='
      crossorigin='anonymous'></script>
</body>

</html>

推荐阅读