gpt4 book ai didi

javascript - 将 id 添加到动态创建的

转载 作者:IT王子 更新时间:2023-10-29 03:01:34 25 4
gpt4 key购买 nike

我有以下 JavaScript 创建一个 div,然后将其附加到主体,然后将一些动态生成的 HTML 插入其中。 cartDiv = document.createElement('div');我想向这个 div 添加一个 id 和/或一个类。如果可能的话,Jquery 和 JavaScript 的答案都很好。

var cartHTML = '<div class="soft_add_wrapper" onmouseover="setTimer();">';
cartHTML += '<div class="soft_add_header_shadow">';
cartHTML += '<div class="soft_add_header"><span class="soft_add_span">Added to cart</span><a href="" class="close_btn" onclick="hideCart(); return false;">Close</a></div></div>'
cartHTML += '<div class="soft_add_content_shadow"><div class="soft_add_content_wrapper">';
cartHTML += '<div class="soft_add_content_area" onscroll="setTimer();"><table class="cart_table" cellpadding="0" cellspacing="0" border="0">';
if (cartLength != 0) {
cartHTML += cartLoop(index, cartLength);
if (index != 0) {
cartHTML += cartLoop(0, index);
}
if (discountTotal != "0") {
var discountProduct = {
ProductName: "Discount(s)",
ProductPrice: '<span style="color:red">' + discountTotal + '</span>'
}
cartHTML += getLineItemHTML(discountProduct);
}
}
cartHTML += '</table></div><div class="soft_add_sub_total"><div class="number_of_items">' + quantity + ' items in cart</div>';
cartHTML += '<div class="sub_total">';
cartHTML += 'Subtotal: <span class="sub_total_amount">' + cartTotal + '</span>';
cartHTML += '</div>';
cartHTML += '</div><div class="soft_add_action_area"><a href="/ShoppingCart.asp" class="check_out">Check Out</a>';
cartHTML += '<a href="" class="continue_shopping" onclick="hideCart(); return false;">Continue shopping</a></div></div></div></div>';
if (cartDiv == null) {
cartDiv = document.createElement('div');
document.body.appendChild(cartDiv);
}
cartDiv.innerHTML = cartHTML;

最佳答案

如果我没听错,那就很简单了

cartDiv.id = "someID";

不需要 jQuery。

看看 properties of a DOM Element .

类也是一样的:

cartDiv.className = "classes here";

但请注意,这将覆盖已经存在的类名。如果您想动态添加和删除类,您要么必须使用 jQuery,要么编写自己的函数来执行一些字符串替换。

关于javascript - 将 id 添加到动态创建的 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3319683/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com