Próbuję dodać ten kod do dynamicznie utworzonego elementu div
style = "width:330px;float:left;"
Kod, w którym tworzy dynamikę, div
to
var nFilter = document.createElement('div');
nFilter.className = 'well';
nFilter.innerHTML = '<label>' + sSearchStr + '</label>';
Moim pomysłem jest dodanie stylu po, < div class="well"
ale nie wiem, jak bym to zrobił.
javascript
css
innerhtml
Curtis Crewe
źródło
źródło
nFilter.style.width = '330px'; nFilter.style.float = 'left';
to, czego szukasz?Odpowiedzi:
nFilter.style.width = '330px'; nFilter.style.float = 'left';
Powinno to dodać styl wbudowany do elementu.
źródło
Możesz to zrobić bezpośrednio na stylu:
var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>'+sSearchStr+'</label>'; // Css styling nFilter.style.width = "330px"; nFilter.style.float = "left"; // or nFilter.setAttribute("style", "width:330px;float:left;");
źródło
Korzystanie z jQuery:
$(nFilter).attr("style","whatever");
Inaczej :
nFilter.setAttribute("style", "whatever");
powinno działać
źródło
Możesz spróbować z tym
nFilter.style.cssText = 'width:330px;float:left;';
To powinno wystarczyć.
źródło
var div = document.createElement('div'); div.setAttribute('style', 'width:330px; float:left'); div.setAttribute('class', 'well'); var label = document.createElement('label'); label.innerHTML = 'YOUR TEXT HERE'; div.appendChild(label);
źródło
Kilka osób ma przykład używania setAttribute, który mi się podoba. Zakłada się jednak, że nie masz obecnie ustawionych żadnych stylów. Może zrobiłbym coś takiego:
nFilter.setAttribute('style', nFilter.getAttribute('style') + ';width:330px;float:left;');
Lub przekształć go w funkcję pomocniczą, taką jak ta:
function setStyle(el, css){ el.setAttribute('style', el.getAttribute('style') + ';' + css); } setStyle(nFilter, 'width:330px;float:left;');
Daje to pewność, że możesz dodawać do niego style w sposób ciągły i nie usunie żadnego aktualnie ustawionego stylu, zawsze dołączając do bieżących stylów. Dodaje również dodatkowy średnik, więc jeśli w jakimś stylu kiedykolwiek brakuje jednego, doda inny, aby upewnić się, że jest w pełni oddzielony.
źródło
powinieneś stworzyć klasę css,
.my_style
a następnie użyć.addClass('.mystyle')
źródło
Jeśli nie chcesz dodawać każdej właściwości css wiersz po wierszu, możesz zrobić coś takiego:
document.body.insertAdjacentHTML('afterbegin','<div id="div"></div>'); /** * Add styles to DOM element * @element DOM element * @styles object with css styles */ function addStyles(element,styles){ for(id in styles){ element.style[id] = styles[id]; } } // usage var nFilter = document.getElementById('div'); var styles = { color: "red" ,width: "100px" ,height: "100px" ,display: "block" ,border: "1px solid blue" } addStyles(nFilter,styles);
źródło
Użyj cssText
nFilter.style.cssText +=';width:330px;float:left;';
źródło
Spróbuj czegoś takiego
document.getElementById("vid-holder").style.width=300 + "px";
źródło
Zrób to z css teraz, gdy utworzyłeś klasę. .well {width: 330px; float: left; }
źródło