Tag Archives: DOM

Как проверить стиль элемента в javascript

Есть простой способ, но не очень корректный:

var el = document.createElement('div');
el.style[styleName] = "10px";
document.body.appendChild(el);
console.log(el.style[styleName]);

var el = document.createElement('div');

el.style[styleName] = "10px";

document.body.appendChild(el);

console.log(el.style[styleName]);

Есть более сложный способ, но корректный для ошибочных стилей:

var el = document.createElement('div');
el.style[styleName] = "10px";
document.body.appendChild(el);
console.log(window.getComputedStyle(el)[styleName]);

var el = document.createElement('div');

el.style[styleName] = "10px";

document.body.appendChild(el);

console.log(window.getComputedStyle(el)[styleName]);

Пример: JS Bin on jsbin.com

Найти ближайшего по иерархии родителя с заданным классом в jQuery

$parentElem = $( '#myComment' ).parents( '.specialClass' );

1	$parentElem = $( '#myComment' ).parents( '.specialClass' );

Найти ближайший предыдущий элемент с заданным классом в jQuery

UPD: Речь про элементы- «братья» текущего. Чтобы выбрать ближайший предыдущий камент, имеющий класс specialClass:

$prevSpecial= $( '#myComment' ).prevAll( '.specialClass:first' );

1	$prevSpecial= $( '#myComment' ).prevAll( '.specialClass:first' );

Создание WYSIWYG-редактора

http://xpoint.ru/know-how/WYSIWYG/TrueJavaScriptEditor — статья о том, как написать wysiwyg-редактор. Не всё правильно, но для начала очень даже ничего. http://www.mozilla.org/editor/midas-spec.html — список команд и правила их использования. Некоторые особенности реализации designMode-элементов в firefox. http://msdn.microsoft.com/en-us/library/ms536419(VS.85).aspx — execCommand в internetExplorer http://msdn.microsoft.com/en-us/library/ms537834(VS.85).aspx — некоторый туториал по написанию wysiwyg-редактора под internetExplorer от MicroSoft;) http://code.google.com/p/jwysiwyg/ — очень простой wysiwyg-редактор, использующий библиотеку jQuery.