Ting og Tang

Endre classname

Et lite hendig bibliotek fra HTML5Rocks [1] :

// from:http://www.html5rocks.com/tutorials/dnd/basics/
Element.prototype.hasClassName = function(name) {
  return new RegExp("(?:^|\\s+)" + name + "(?:\\s+|$)").test(this.className);
};
Element.prototype.addClassName = function(name) {
  if (!this.hasClassName(name)) {
    this.className = this.className ? [this.className, name].join(' ') : name;
  }
};
Element.prototype.removeClassName = function(name) {
  if (this.hasClassName(name)) {
    var c = this.className;
    this.className = c.replace(new RegExp("(?:^|\\s+)" + name + "(?:\\s+|$)", "g"), "");
  }
};

Plukke elementer

Vi har i en viss forstand tre grupper med metoder for å plukke elementer fra en vevside

Tradisjonelle DOM-rutiner

• childNodes
• parentNode
• previousSibling
• nextSibling

De "gamle" metodene

• getElementsByTagName
• getElementById
• getElementsByClassName

metoder basert på CSS3 selektorer

• querySelectorAll
• querySelector

Disse er interessant fordi de fyller samme funksjon som XPATH-metoder vi finner i andre språk, men selectorene er altså CSS-selektorer, ikke XPATH-uttrykk.