Mám následující JavaScript, který vytvoří div a poté jej připojí k tělu a poté do něj vloží nějaké dynamicky generované HTML. cartDiv =document.createElement(‘div’); K tomuto divu bych chtěl přidat id a/nebo třídu. Pokud je to možné, byly by skvělé odpovědi Jquery i 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;
Odpověď
Pokud jsem vás správně pochopil, je to stejně snadné jako
cartDiv.id = "someID";
Není potřeba jQuery.
Podívejte se na vlastnosti prvku DOM.
Pro třídy je to stejné:
cartDiv.className = "classes here";
Všimněte si však, že to přepíše již existující názvy tříd. Pokud chcete dynamicky přidávat a odebírat třídy, musíte buď použít jQuery, nebo napsat vlastní funkci, která provede nějakou náhradu řetězce.