DOM2 Reference

NamedNodeMap.removeNamedItem

Text in the first DIV.
Some text in the second DIV.
Some text and element in the third DIV.
We can try another elements. It will be much more interesting.
Text in the last DIV.
Source:
       <div id="doc">
         <div>
           Text in the first DIV.
         </div>
         <div id="DDD" class="secondClass">
           Some text in the second DIV.
         </div>
         <div class="thirdClass">
           Some text and <span id="SSS">element</span> in the third DIV.
         </div>
         <div class="fourthClass">
           We can try <i>another elements</i>.
           It will be much more <b>interesting</b>.
         </div>
         <div>
           Text in the last DIV.
         </div>
       </div>
     
JavaScript:
  var main = document.getElementById('doc');
  var attrNode = main.childNodes[3].attributes;
  var removedNode = attrNode.removeNamedItem('class');
  var output1 = removedNode.nodeValue;
  var output2 = attrNode.getNamedItem('class');
Output:
desired your browser
white-spaces
preserved
by default
output1: secondClass
output2: null
white-spaces
not-preserved
by default
output1: fourthClass
output2: null


Remarks:
  • it seems that all relevant browsers support JavaScript try-catch statement therefore all examples are encapsulated with it (it avoids alert-popups)
  • thanks to White Space Handling in XML 1.0 specification default handling of white-spaces completely depends on XML application (note: WinIE do not preserve white-spaces by default while MacIE and Mozilla does)
  • during development tested with Mozilla night-builds, Netscape6, MicrosoftInternetExplorer5.5 and Opera5.02 on Windows2000



_____________________________________________
Reference Search | Sitemap | XML Glossary       ZVON | IDOOX