dojo.NodeList.attr

Available:since V1.2

Contents

• dojo.NodeList.attr
  • Introduction
  • Usage
  • Examples
  • See also

A getter and setter for DOM attributes, events and CSS styles adapted to work with node lists.

Introduction

NodeList.attr adapts dojo.attr for use with node lists by applying it to every node in the list.

See dojo.attr for more details.

Usage

dojo.query(sel).attr(attr, value);

attr

the attribute property name or an object with key/value pairs suitable for setting each property.

value

If passed, sets value on the node for an attribute, handling cross-browser concerns.

Examples

Setting different node attributes

The following example will set several attributes such as the value and disabled.

<script type="text/javascript">
  function enable(){
    dojo.query("input").attr("disabled", false);
  }
  function disableAndSet(){
    dojo.query("input").attr({
      disabled: true,
      value:    "cool, eh?"
    });
  }
</script>

<script type="text/javascript"> function enable(){ dojo.query("input").attr("disabled", false); } function disableAndSet(){ dojo.query("input").attr({ disabled: true, value: "cool, eh?" }); } </script>

<p><input name="one"></p>
<p><input name="two"></p>
<p><input name="three"></p>
<p><button onclick="enable();">Enable</button></p>
<p><button onclick="disableAndSet();">Disable &amp; Set</button></p>

<p><input name="one"></p> <p><input name="two"></p> <p><input name="three"></p> <p><button onclick="enable();">Enable</button></p> <p><button onclick="disableAndSet();">Disable &amp; Set</button></p>

See also

DOM operations:

• dojo.attr
• dojo.getNodeProp
• dojo.hasAttr
• dojo.removeAttr
• dojo.style

NodeList:

• dojo.NodeList
• dojo.NodeList.removeAttr

External links:

• DOM Attributes and The Dojo Toolkit 1.2

Table of Contents

• dojo.NodeList.attr
  • Introduction
  • Usage
  • Examples
    • Setting different node attributes
  • See also