javascript - Mootools setHtml 在 IE 中不起作用

Question

我正在尝试将 HTML 插入到一个简单的 div 中。 HTML 没有进入 div，但如果我在 setHTML 调用之前直接提醒它，那么它就完美了。该代码在 setHTML 调用上失败。这是 Mootools 调用:

$('vmcartmodule').setHTML(response)

响应变量是我从另一个文件收集的 HTML。该错误是来自此处的 Mootools 未知运行时错误:

setHTML: function(){
    this.innerHTML = $A(arguments).join('');
    return this;
}

我的 HTML 代码示例:

 <div id="opcoCartUpdateTable">
        <div id="row" class="product_row">
        <div class="product_name" >Color: Chocolate Brown<br/> Size: Medium </div>
        <div align="right" class="product_price" >$19.95</div>
        <div class="update_button" ><form method="post" onsubmit="return opcoHandleCartUpdate(this, 0);" style="display: inline;">

    <input type="hidden" name="option" value="com_virtuemart" />
    <input type="text" title="Update Quantity In Cart" class="inputbox" size="4" maxlength="4" name="quantity" value="1" />

    <input type="hidden" name="page" value="" />
    <input type="hidden" name="func" value="cartUpdate" />
    <input type="hidden" id="product_id" name="product_id" value="17" />
    <input type="hidden" id="prod_id" name="prod_id" value="17" />
    <!--input type="hidden" id="Itemid" name="Itemid" value="54" /-->
    <input type="hidden" id="Itemid" name="Itemid" value="53" />
    <input type="hidden" id="description" name="description" value="Color:Chocolate_Brown; Size:Medium" />
    <input type="image" name="update" title="Update Quantity In Cart" src="modules/mod_virtuemart_onepagecheckout/assets/images/update_quantity_cart.png" alt="Update" align="middle" onclick="return opcoHandleCartUpdate(this.parentNode, 0);" />
  </form></div>
        <div class="product_price2"  align="right" >$19.95</div>
      </div>
    </div>

接下来我该看哪里？任何帮助表示赞赏。谢谢

Answer 1

您使用的 Mootools 版本是什么？在最新版本中，$A() 已被弃用，您应该使用 Array.from()。

为元素设置 HTML 的正确方法是 .set('html', yourHtml)，一个 Element 方法。