在 PHP 變數中儲存 Div Id 並將其傳遞給 JavaScript

John Wachira 2023年1月30日
  1. HTML 中的 div id 是什麼
  2. div id 儲存在 PHP 變數中
  3. 將 PHP 變數傳遞給 JavaScript 程式碼
在 PHP 變數中儲存 Div Id 並將其傳遞給 JavaScript

本教程將介紹如何將 div id 儲存在 PHP 變數中並將其傳遞給 JavaScript 程式碼。

我們將回答以下問題。

  1. 什麼是 div id
  2. 如何將 div id 儲存在 PHP 變數中?
  3. 如何將變數傳遞給 JavaScript 程式碼?

讓我們直接跳進去。

HTML 中的 div id 是什麼

div id 是 HTML 的一部分。我們使用它來識別唯一的 HTML 元素並應用 CSS 或 JavaScript 來設定元素的樣式。

例子:

html 中的 div id

div id 儲存在 PHP 變數中

可以將 div id 儲存在 PHP 變數中,如下所示。

<?php
$divId = "Delft Stack Tutorials"
?>
<div id="<?php echo $divId;?>">

在上面的程式碼中,我們的 HTML 元素是 Delft Stack Tutorials,這也是我們的 div id。我們使用變數 $divId 來儲存我們的 div id

輸出:

<div id="Delft Stack Tutorials">

將 PHP 變數傳遞給 JavaScript 程式碼

下面,我們將變數 $divId 傳遞給 JavaScript 程式碼。

<!DOCTYPE html>
<html>

<head>
    <title>
        Storing div id in a PHP variable
    </title>
</head>

<body style="text-align:center;">

    <h1 style="color:blue;">DelftStack</h1>

    <h2 style="color:black">
        Storing div id in a PHP variable
    </h2>

    <head>
    <style>
    .custmDiv {
      border: 5px outset red;
      background-color: lightblue;
      text-align: center;
    }
    </style>
    </head>
    <?php
    $divId = "Delft Stack Tutorials"

    ?>
<div class="custmDiv"
    <div id="text/javascript">
    <h3>  <?php echo"$divId";?> <h3>
    </div>

  </body>

輸出:

將變數傳遞給 JavaScript 程式碼

我們在上面的程式碼中建立了一個 HTML 頁面,並將變數 $divId 作為我們的 div id 傳遞。

作者: John Wachira
John Wachira avatar John Wachira avatar

John is a Git and PowerShell geek. He uses his expertise in the version control system to help businesses manage their source code. According to him, Shell scripting is the number one choice for automating the management of systems.

LinkedIn

相關文章 - PHP ID