добавьте идентификатор к динамично созданному <отделение>
У меня есть следующий JavaScript, который создает отделение и затем добавляет его к телу и затем вставляет некоторый динамично сгенерированный HTML в него. cartDiv = document.createElement ('отделение'); Это отделение я хотел бы добавить идентификатор и/или класс к нему. Если бы возможно и 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;
3 ответа
Если я вас правильно понял, это так же просто, как
cartDiv.id = "someID";
Нет необходимости в jQuery.
Посмотрите на свойства элемента DOM .
Для классов то же самое:
cartDiv.className = "classes here";
Но учтите, что это перезапишет уже существующие имена классов. Если вы хотите добавлять и удалять классы динамически, вам нужно либо использовать jQuery, либо написать свою собственную функцию, которая выполняет некоторую замену строк.
Не уверен, что это лучший способ, но он работает.
if (cartDiv == null) {
cartDiv = "<div id='unique_id'></div>"; // document.createElement('div');
document.body.appendChild(cartDiv);
}
Вам придется фактически использовать jQuery для создания div, если вы хотите писать сопровождаемый или пригодный для использования код.
//create a div
var $newDiv = $('<div>');
//set the id
$newDiv.attr("id","myId");