Question

我希望能够将元素ID'myModal'中的文本复制到'purchaseNotice'并将'purchaseNotice'换成新类。

var MyDiv1 = document.getElementById('myModal');
var MyDiv2 = document.getElementById('purchaseNotice').wrapInner( "<div class='new'></div>");
MyDiv2.innerHTML = MyDiv1.innerHTML;

上面的代码一直有效，直到我添加.wrapInner( "<div class='new'></div>") - 我该如何包装它？

Answer 1

如果你正在使用jQuery，你可以这样做：DEMO

$(document).ready(function(){  
    $('#purchaseNotice').html($('#myModal').html()).wrapInner("<div class='new'></div>");   
});

<强>更新

抱歉，您注意到要将purchaseNotice包装在新div中。然后，您可以使用wrap()查看此处：http://jsfiddle.net/32tAx/1/

$(document).ready(function(){  
    $('#purchaseNotice').html($('#myModal').html()).wrap("<div class='new'></div>");   
});

Answer 2

var MyDiv1 = document.getElementById('myModal');
var MyDiv2 = document.getElementById('purchaseNotice')

if ($("#myModal").length) {
    $("#purchaseNotice").addClass("your-class").show();
    MyDiv2.innerHTML = MyDiv1.innerHTML;
} else {
    $("#purchaseNotice").hide();
}

这段代码很棒！它复制id元素的innerHTML＆＃39; myModal＆＃39;到“购买通知”，然后检查“我的模式”是否为“我的模式”。存在于DOM中，如果是这样，它会添加一个新类，如果没有，则完全隐藏它。如果你有一个文本框，你可以很好地使用它。想要显示此信息，即产品/服务描述可以包含免责声明，并且您希望将其显示在屏幕顶部而不是描述本身。

如何使用Class包装innerHTML div？

2 个答案: