четверг, 11 июля 2013 г.

JavaScript DOM Manipulations


function alertContent(content) {
    alert(content);
}

element.onclick = function(e){

    var content = this.innerHTML;

    alertContent(content);

    var e = e || window.event;
    e.stopPropagation();
    e.cancelBubble  = true;
    e.preventDefault();
    e.returnValue = false;
    return false;

}

element.addEventListener(‘click’, alertContent, false);
element.removeEventListener(‘click’, alertContent, false);
element.attachEvent(‘click’, alertContent);
element.detachEvent(‘click’, alertContent);

var fragment = document.createFocumentFragment();
var element  = document.createElement(‘div’);
var text = document.createTextNode(‘some text in comment’);

var attr = document.createAttribute('my_attrib');
      attr.nodeValue = 'attr_value';
element.setAttributeNode(attr);

var comment = document.createComment();

div.appendChild(text);
fragment.appendChild(element);
document.body.appendChild(fragment);

document.body.insertBefore(myElement, beforeElement);
document.body.removeChild(div);
document.body.replaceChild(newChild, oldChild);
document.body.cloneNode();

element.getAttribute(‘name’);
element.getAttributeNode('name');
element.setAttribute(‘name’, ‘value’);
element.setAttributeNode(attr);
element.removeAttribute('name');
element.removeAttributeNode('name');

element.hasAttribute('name');
element.hasAttributes();
element.hasChildNodes();

console.log(element.attributes);



element.parentNode


element.firstChild
element.previousSibling
element  = document.getElementById(‘id’)
element  = document.getElementsByTag(‘tag’)[0]
element  document.getElementsByName(‘name’)[0]
element = document.getElementsByClassName(‘class’)[0]
element = document.querySelector(‘div.class’);
element = document.querySelectorAll(‘div.class, div.other_class’);
element.nextSibling
element.lastChild



element.innerHTML = ‘’
element.childNodes;





var cookieValue = document.cookie;
document.cookie = ‘name=value;  path = /; domain  = site.com; secure = true; expires  = ’ + (new Date()).toUTSString()  + ‘;’;

var i;
i = 0;
for ( ; i < 10; ) {
     console.log(i);
    i++;
}

function Constructor () {
    this.a = 1;
}

Constructor.prototype = {
    b: function(){alert(1);}
}

var obj = new Constructor();

console.log(obj.a);
obj.b();

function inherit(obj) {
   function F(){}
   F.prototype = obj;
   return new F();
}

try {

} catch (error) {
    alert(error);
} finally {

}

throw new Error(‘message’);

string.search(pattern); // Возвращает index первого найденного элемента строки
string.match(pattern); //Возвращает массив всех совпадающих значений
string.split(pattern); // Возвращает массив значений, разделенных по совпадению
string.replace(pattern, ‘’); // Заменяет все совпадения на значение

pattern.test(string); // Возвращает true, если найдено хотя бы одно совпадение и false, если нет совпадений
pattern.exec(string); // Возвращает массив всех совпадающих значений, как метод match()
pattern.compile(pattern); // Компилирует паттерн

Комментариев нет:

Отправить комментарий