mozilla

Compare Revisions

QuerySelector

Change Revisions

Revision 525559:

Revision 525559 by MischaMolhoek on

Revision 543005:

Revision 543005 by Luke314 on

Title:
QuerySelector
QuerySelector
Slug:
Mozilla/Add-ons/Code_snippets/QuerySelector
Mozilla/Add-ons/Code_snippets/QuerySelector
Tags:
"DOM"
Content:

Revision 525559
Revision 543005
n11      Along the lines of other frameworks such as jQuery or Proton11      Along the lines of other frameworks such as jQuery or Proto
>type, shortening the "querySelector" name can be convenient.>type, shortening the "querySelector" name can be convenient:
nn27    <p>
28      (Note that while using the Firefox <a href="https://develop
 >er.mozilla.org/en-US/docs/Tools/Web_Console#Helper_commands">Web 
 >Console</a>, the above functions are available automatically.)
29    </p>
t100      Note that for plain XML, the # 'id' selector will not work t103      Note that for plain XML, the # 'id' selector will not work 
>with an 'id' attribute (since a such-named attribute need not nec>with an 'id' attribute (since a such-named attribute need not nec
>essarily be of type ID in XML, though it is in HTML&nbsp;and XUL)>essarily be of type ID in XML, though it is in HTML&nbsp;and XUL)
>, nor will it work with <a href="/en/xml/xml:id" title="en/xml/id>, nor will it work with <a href="/en/xml/xml:id" title="en/xml/id
>">xml:id</a>. However, it will work with attribute selectors that>">xml:id</a>.
> target non-prefixed attributes (such as 'id', but not xml:id:&nb 
>sp;<a class="external" href="http://www.w3.org/TR/selectors-api/# 
>resolving" rel="freelink">http://www.w3.org/TR/selectors-api/#res 
>olving</a>) (even though CSS3 does support namespaced attribute s 
>electors:&nbsp;<a class="external" href="http://www.w3.org/TR/css 
>3-selectors/#attrnmsp" rel="freelink">http://www.w3.org/TR/css3-s 
>electors/#attrnmsp</a> and potentially xml:id as #: <a class="ext 
>ernal" href="http://www.w3.org/TR/css3-selectors/#id-selectors" r 
>el="freelink">http://www.w3.org/TR/css3-selectors/#id-selectors</ 
>a> ). 
104    </p>
105    <p>
106      However, it will work with attribute selectors that target 
 >non-prefixed attributes (such as 'id', but not xml:id:&nbsp;<a cl
 >ass="external" href="http://www.w3.org/TR/selectors-api/#resolvin
 >g" rel="freelink">http://www.w3.org/TR/selectors-api/#resolving</
 >a>) (even though CSS3 does support namespaced attribute selectors
 >:&nbsp;<a class="external" href="http://www.w3.org/TR/css3-select
 >ors/#attrnmsp" rel="freelink">http://www.w3.org/TR/css3-selectors
 >/#attrnmsp</a> and potentially xml:id as #: <a class="external" h
 >ref="http://www.w3.org/TR/css3-selectors/#id-selectors" rel="free
 >link">http://www.w3.org/TR/css3-selectors/#id-selectors</a> ).

Back to History