繁体   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