mail us  |  mail this page

contact us
training  | 
tech stuff  | 

Tech Stuff - DOM nodeValue attribute

W3C Core Reference. Part of the Node Interface

nodeType attribute

Returns the value, if any, for the node (see list below). Typically used to read and/or update node text.

Syntax

string = object.nodeValue;

Related Commands

nodeName attribute, nodeType attribute.

Values

nodeValue returns a value determined by the nodeType as follows:

nodeType Value
ELEMENT_NODE = 1 Null
ATTRIBUTE_NODE = 2 Value of Attribute
TEXT_NODE = 3 Text of node
CDATA_SECTION_NODE = 4 Contents of CDATA section
ENTITY_REFERENCE_NODE = 5 Null
ENTITY_REFERENCE_NODE = 5 Null
ENTITY_NODE = 6 Null
PROCESSING_INSTRUCTION_NODE = 7 Entire content excluding target
COMMENT_NODE = 8 Contents of comment
DOCUMENT_NODE = 9 Null
DOCUMENT_TYPE_NODE = 10 Null
DOCUMENT_FRAGMENT_NODE = 11 Null
NOTATION_NODE = 12 Null

Examples

<!-- HTML FRAGMENT -->
<p id="one">Test Text</p>

// read text value
// assumes a single child node for the paragraph - risky
txt = document.getElementById("one").firstChild.nodeValue;
// txt = Test Text
// update contents of text node
document.getElementById("one").firstChild.nodeValue = "Kilroy was here";

// safer code to find text node
cnodes = document.getElementById("one").childNodes;
for(i = 0; i < cnodes.length; i++)
{
  if(cnodes[i].nodeType == 3)
  {
   // do something if this is an text node
  }
}

Notes:

  1. Text nodes are childNodes of the paragraph node.


Problems, comments, suggestions, corrections (including broken links) or something to add? Please take the time from a busy life to 'mail us' (at top of screen), the webmaster (below) or info-support at zytrax. You will have a warm inner glow for the rest of the day.

Tech Stuff

RSS Feed Icon

If you are happy it's OK - but your browser is giving a less than optimal experience on our site. You could, at no charge, upgrade to a W3C standards compliant browser such as Firefox

Search

web zytrax.com

Share

Icons made by Icomoon from www.flaticon.com is licensed by CC 3.0 BY
share page via facebook tweet this page

Page

email us Send to a friend feature print this page Display full width page Decrease font size Increase font size

Resources

HTML Stuff

W3C HTML 4.01
HTML5 (WHATWG)
HTML4 vs HTML5
HTML5 Reference
W3C Page Validator
W3C DOCTYPE

CSS Stuff

W3C CSS2.1
W3C CSS2.2
Default Styles
CSS3 Selectors
CSS 3 Media Queries
CSS 3 Colors

DOM Stuff

W3C DOM
W3C DOM 3 Core
W3C 3 Events

Accessibility

usability.gov
W3C - WAI
Web Style Guide
WebAim.org

Useful Stuff

Peter-Paul Koch
A List Apart
Eric Meyer on CSS
glish.com

Our Stuff

Our DOM Pages
DOM Navigation
Liquid Layout
CSS Short Cuts
CSS overview
CSS One Page

Javascript Stuff

ECMA-262

Site

CSS Technology SPF Record Conformant Domain
Copyright © 1994 - 2017 ZyTrax, Inc.
All rights reserved. Legal and Privacy
site by zytrax
Hosted by super.net.sg
web-master at zytrax
Page modified: October 21 2015.