时间戳

首页 > 解决方案 > 将变量分配给 div 标签中的属性

javascript - 将变量分配给 div 标签中的属性

问题描述

我有以下代码。

我的要求是获取存储在myValue变量中的路径并将其分配给标记中的w3-include-html属性div。

但是，我无法将 myValue 中显示的路径分配给标记中的w3-include-html属性div。

我尝试了HTML 属性中的 Javascript 变量中提供的解决方案。此链接讨论有关 img 标签。我为 div 标签尝试了相同的解决方案，但无法解决我的问题。

任何建议，将不胜感激。

<script>
    var myValue = "Tables/"+"FileName"+".html";
</script>   
<div id="openModal" class="modalDialog">
    <div>
        <a href="#close" title="Close" class="close">X</a>
        <div w3-include-html=myValue></div>
    </div>
</div>

标签： javascripthtmlvariablesattributes

解决方案

我通过添加 id 解决了这个问题，如下所示：

<div id="openModal" class="modalDialog">
    <div>
        <a href="#close" title="Close" class="close">X</a>
        <div id="schema"></div>
    </div>
</div>

<script>
var myValue = "Tables/"+"Thing"+".html";
document.getElementById("schema").setAttribute('w3-include-html',myValue);
</script>

推荐阅读