Javascript help with getelementbyid

Question

fischb22 0 Newbie Poster

15 Years Ago

i'm trying to get the contents of the span fields "sector" & "coords" from this :

header crap snipped out.

<body style="background-image:url('http://www.pardus-lcn.org/assets/pardus/bgoutspace1.gif')">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:5px;">
<tr>
<td valign="top">
<table width="210" border="0" cellspacing="0" cellpadding="0" id="status"><tr><td><img src="http://www.pardus-lcn.org/assets/pardus/status.png" width="210" height="34" alt=""></td></tr><tr><td style="background-image:url('http://www.pardus-lcn.org/assets/pardus/panel.png');background-repeat:repeat-y;text-align:left;"><div style="margin:0 18px;"><table cellspacing='2' cellpadding='1' border='0' width='95%'>

<tr valign='middle'>
<td align='center'><b><span id='sector'>Fornacis</span></b> </td>
<td align='left'><span id='coords'>[1,23]</span> </td>

<--snipped->

i've tried this and a few different combinations

var tm = document.getElementById('sector').innerText  ;
			
			alert("tm:" + tm );

i've tried it w/out the .innertext, and with .innerhtml, and nothing.

i've not been able to pull that information out

what am i doing wrong here?

javascript

2 Contributors
15 Replies
141 Views
23 Hours Discussion Span
Latest Post 15 Years Ago Latest Post by essential

essential 84 Posting Shark

15 Years Ago

How do you trigger that effect?
Here's another way to call element's in your page.

<html>
<head>
<title>test page</title>
<script type="text/javascript">
<!--
var tm;
window.onload = function() {
try {
alert( "tm: " + document.getElementsByTagName("span")["sector"].innerText );
} catch(e) {
tm = ((document.getElementById ) ? document.getElementById("sector").innerText : document.all.sector.innerText );
alert("tm: " + tm );
}
};
// -->
</script>
</head>
<body>
<span id="sector">sample text</span>
<!-- page content -->
</body>
</html>

Hope it helps...

essential 84 Posting Shark

15 Years Ago

A simple function that generates error... I'm so confused how things really work in your browser, ff widely understand the getElementsByTagName method and yet it fail's to execute the script.
Try the catch(err){ (( err.description ) ? alert( err.description ) : alert( err.message )); } and see which part generates the error.

essential 84 Posting Shark

15 Years Ago

No it doesn't matter, as long as you provide valid id's that exist. And It has to work with getElementById method in ff, or the document.all for IE6-version.

essential 84 Posting Shark

15 Years Ago

Sorry, but that's not the right way. It should be like this:

var tm = documen.getElementsByTagName("span")["sector"].innerText;

and you can also try this format:

var tm = documen.getElementsByTagName("span").item("sector").innerText;

just use one.

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

fischb22 0 Newbie Poster · Answer 1 · 2009-05-03T20:44:35+00:00

its being called through a firefox extention.

the solution you posted does not work :(

i changed it some to try to catch the actuall error

try 
{
	alert( "tm: " + document.getElementsByTagName("span")["sector"].innerText );
} catch(err) 
  {
  txt="There was an error on this page.\n\n";
  txt+="Error description: " + err.description + "\n\n";
  txt+="Click OK to continue.\n\n";
  alert(txt);

   }

result:

There was an error on this page.

Error description: undefined

Click OK to continue.

fischb22 0 Newbie Poster · Answer 2 · 2009-05-03T20:59:20+00:00

does it matter that the span i want is nested inside a table(look at orig code)

fischb22 0 Newbie Poster · Answer 3 · 2009-05-03T21:37:43+00:00

document.getElementsByTagName("span").sector is undefined

fischb22 0 Newbie Poster · Answer 4 · 2009-05-03T21:45:16+00:00

No it doesn't matter, as long as you provide valid id's that exist. And It has to work with getElementById method in ff, or the document.all for IE6-version.

well the ID exists, i can see it in the show source code screen, yet FF cannot seem to find it.

fischb22 0 Newbie Poster · Answer 5 · 2009-05-03T21:51:08+00:00

both return undefined(and yes i fixed the typo of documen to document)

essential 84 Posting Shark Featured Poster · Answer 6 · 2009-05-03T22:00:27+00:00

Then you have this last method to get your element:

var tm = (( document.getElementById ) ? document.getElementById("sector").innerText : document.all.sector.innerText );

the getElementById method should fixed this, even w/o using the document.all . And try to check if you have broken tag's in your document.
If its still doesn't work then, im afraid i cannot offer another solution asside from those last 3 posted code. Good day to you...

essential 84 Posting Shark Featured Poster · Answer 7 · 2009-05-03T22:38:20+00:00

You can use, this toolkit to get all the elements you need in your page. It's currently under development, but it wil give the easy work of skipping the whole delclaration of document.getElementById("yourElem") you can just call your elements using get("sector").innerText and this is a cross-browser script. Simply include it via .js.

/* UNDER Development */

var get, getID;
getID = Boolean( document.getElementById );
get = Object.prototype.get = function( ID ) {
   if ( ID ) { 
   verifyID = document.getElementsByTagName("*");
   cutID = ID.split( /\d+/g )[0];
      for ( var x = 0; x < verifyID.length; x++ ) {
      check = verifyID[ x ].id.indexOf( ID ); 
         if ( check >= 0 ) { break; 
         }
      } 
      if (( check !== -1 ) && ( document.getElementById( ID )) || ( eval( "document.all." + ID + ";" ))) { 
      return (( getID ) ? document.getElementById( ID ) : eval("document.all." + ID + ";"));
      } 
      else if (( check !== -1 ) && ( document.getElementsByTagName( cutID ))) { 
      return document.getElementsByTagName( cutID )[ ((( document.getElementsByTagName( cutID ).length ) + x ) - verifyID.length ) ];
      } 
      else { 
      return alert("\nThere's is no such (" + ID + ") element on this document!\nPlease verify your element id.");
      }
   }
};

fischb22 0 Newbie Poster · Answer 8 · 2009-05-03T23:25:59+00:00

i think i just realized the problem,

the document i'm running the JS on is inside of a frame, do i have to do something funky to have it run in the particular frame?

essential 84 Posting Shark Featured Poster · Answer 9 · 2009-05-04T00:22:41+00:00

Yeah, that's it! You should include your .js on both document.

fischb22 0 Newbie Poster · Answer 10 · 2009-05-04T02:46:17+00:00

thats not something that i can do, its a firefox extention, not something directly on the page.

essential 84 Posting Shark Featured Poster · Answer 11 · 2009-05-04T06:04:12+00:00

Provide your frame's with ids, then get the element's on that frame by doing this:

document.getElementById("yourFrameID").document.getElementById("sector").innerText