簡體   English   中英

使用腳本標簽重新加載div

[英]Reload div with script tag inside

我有一個頁面,我想在其中重新加載帶有腳本標簽的div內容。 我用來重新加載該div的代碼幾乎可以正常工作,除了在我重新加載div之后刪除了div中的script標簽。

在下面的代碼中,我試圖解釋我的情況

<div id="myDiv">
  <?php echo date('Y-m-d H:i:s', time()); ?>
  <script>
    document.write("Script");
  </script>
</div>

<a onclick="reloadDiv();">Reload div</a>

<script>
  function reloadDiv(){
    $("#myDiv").load(location.href+" #myDiv");
  }
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

因此,當我按Reload div時,日期會更新,但腳本會消失

我在網站上使用的代碼不同,但原理相同。 在我的網站上,我使用PHP從數據庫添加ID,因此我的腳本必須位於該div中。

當load調用返回時,您將替換div的全部內容。 您應該將腳本標簽移動到其他位置,例如在文檔的標頭中。

如何到達<span>內部的 html 標簽</span><div>使用 Java 腳本?</div><div id="text_translate"><p> 我有一個放置在div內的span標簽,如下所示:</p><pre> &lt;div onclick="doActiveCheckBox('color1')" id="sss" class="test form-check form-option form-check-inline mb-2"&gt; &lt;input class="test form-check-input" type="radio" name="color" id="color1" data-bs-label="colorOption" value="/تاریک" checked=""&gt; &lt;label class="form-option-label rounded-circle" for="color1"&gt;&lt;span style="border:inherit; border-block-color:purple;" class="form-option-color rounded-circle" style="background-image: url(/img/ProductColors/green1.jpg)"&gt;&lt;/span&gt;&lt;/label&gt; &lt;/div&gt;</pre><p> 我想在單擊input標簽時為span標簽設置border ,並且也不想在span中使用任何id 。 我嘗試了以下方法:</p><p> 1:</p><pre> var d=document.getElementById("sss").getElementsByTagName("span"); d.style.border = "thick solid #0000FF";</pre><p> 2:</p><pre> var d=document.getElementById("sss").getElementsByClassName(); for (var i = 1; i &lt;= d.length; i++) { d[1].style.border = "thick solid #0000FF"; }</pre><p> 但他們都沒有正常工作? 那么有人會幫忙嗎?</p></div>

[英]How to reach a html <span> tag inside a <div> using Java Script?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 展示<script> tag inside the div 如何使腳本標簽在div中工作? 腳本標記內的div引發異常-為什么 如何將內部腳本放在div標簽中? 在div中有腳本標簽是不是很糟糕? 如何重新加載腳本標簽 在 div 中重新加載 html 如何到達<span>內部的 html 標簽</span><div>使用 Java 腳本?</div><div id="text_translate"><p> 我有一個放置在div內的span標簽,如下所示:</p><pre> &lt;div onclick="doActiveCheckBox('color1')" id="sss" class="test form-check form-option form-check-inline mb-2"&gt; &lt;input class="test form-check-input" type="radio" name="color" id="color1" data-bs-label="colorOption" value="/تاریک" checked=""&gt; &lt;label class="form-option-label rounded-circle" for="color1"&gt;&lt;span style="border:inherit; border-block-color:purple;" class="form-option-color rounded-circle" style="background-image: url(/img/ProductColors/green1.jpg)"&gt;&lt;/span&gt;&lt;/label&gt; &lt;/div&gt;</pre><p> 我想在單擊input標簽時為span標簽設置border ,並且也不想在span中使用任何id 。 我嘗試了以下方法:</p><p> 1:</p><pre> var d=document.getElementById("sss").getElementsByTagName("span"); d.style.border = "thick solid #0000FF";</pre><p> 2:</p><pre> var d=document.getElementById("sss").getElementsByClassName(); for (var i = 1; i &lt;= d.length; i++) { d[1].style.border = "thick solid #0000FF"; }</pre><p> 但他們都沒有正常工作? 那么有人會幫忙嗎?</p></div> 如何在div標記內的document.writes()html塊進行異步回發時重新加載外部javascript文件? 單擊時重新加載或刷新Div的腳本
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM