getElementbyId Firefox v IE

zippy · Jan 25, 2006

My code works fine in IE but not FF.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs"
Inherits="test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script>
function window_onload()
{
runTime();
setInterval(runTime, 60000);

// todo: apply png transparent style for ie < 7.0
//
filter

rogid

XImageTransform.Microsoft.AlphaImageLoader(src=Images/WebDesktopIconRound.png)
}

function runTime()
{
var rightPart = document.getElementById("dvRightTemplate");
var time = new Date();
var hour = time.getHours();
var minute = time.getMinutes();
var second = time.getSeconds();
var temp = "";
temp += ((hour < 10) ? "0" : "")+ hour +((minute < 10) ?
":0" : ":") + minute;
rightPart.innerText = temp;
}

</script>
</head>

<body id="body" runat="server" o>
<form id="form1" runat="server">
<div>
<div id="dvRightTemplate" align="right" style="padding-right:
10px; font-size: 8pt;
width: 80px; font-family: Tahoma; color:black">

00:00</div>
</div>
</form>

</body>
</html>

bne · Jan 25, 2006

zippy said:
My code works fine in IE but not FF.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs"
Inherits="test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script>
function window_onload()
{
runTime();
setInterval(runTime, 60000);

// todo: apply png transparent style for ie < 7.0
//
filterrogidXImageTransform.Microsoft.AlphaImageLoader(src=Images/WebDesktopIconRound.png)
}

function runTime()
{
var rightPart = document.getElementById("dvRightTemplate");
var time = new Date();
var hour = time.getHours();
var minute = time.getMinutes();
var second = time.getSeconds();
var temp = "";
temp += ((hour < 10) ? "0" : "")+ hour +((minute < 10) ?
":0" : ":") + minute;
rightPart.innerText = temp;
}

</script>
</head>

<body id="body" runat="server" o>
<form id="form1" runat="server">
<div>
<div id="dvRightTemplate" align="right" style="padding-right:
10px; font-size: 8pt;
width: 80px; font-family: Tahoma; color:black">

00:00</div>
</div>
</form>

</body>
</html>

Hi

innerText is specific to the IE DOM use innerHTML instead.

ben

zippy · Jan 25, 2006

Thanks! How annoying!

RobG · Jan 27, 2006

bne wrote:
[...]

innerText is specific to the IE DOM use innerHTML instead.

The DOM equivalent to IE's innerText property is textContent. Since
it's part of DOM 3, not all browsers support it but newer Gecko browsers
do (and probably others). A reasonable emulation is:

function getTextContent(el)
{
if (el.textContent) return el.textContent;
if (el.innerText) return (el.innerText);

var cNode, cNodes = el.childNodes;
var txt = '';
for (var i=0, len=cNodes.length; i<len; ++i){
cNode = cNodes;
if (1 == cNode.nodeType) {
txt += getTextContent(cNode);
}
if (3 == cNode.nodeType){
txt += cNode.data;
}
}
return txt;
}

Newlines may be inserted inconsistently in different browsers. Support
for other node types may be required.

RobG · Jan 27, 2006

one man army wrote:
[...]

also, a search in the newsgroup showed that document.getElementById()
is not always supported. I don't know how far abck that is going. But

The FAQ offers a dynWrite function, but there is an alternative offered
here:

<URL: http://www.jibbering.com/faq/faq_notes/alt_dynwrite.html#alDynWr >

I like option 3, it is probably suitable in most cases - but read the
accompanying notes.

Thomas 'PointedEars' Lahn · Feb 15, 2006

RobG said:
bne wrote:
[...]

innerText is specific to the IE DOM use innerHTML instead.

Click to expand...

The DOM equivalent to IE's innerText property is textContent.

Unfortunately, I do not think it is. IE trims whitespace text nodes in its
DOM, so it is likely that it also trims it from the value of `innerText'.
I am not sure about that, though, since I have not IE to test with.

Since it's part of DOM 3, not all browsers support it but newer Gecko
browsers do (and probably others). A reasonable emulation is:

function getTextContent(el)
{
if (el.textContent) return el.textContent;
if (el.innerText) return (el.innerText);
[...]

Neither will return if the element content is (considered) empty, and so
force the following code to execute. Evaluating the `typeof' operation is
more reliable here.

PointedEars

Help with code	0	Jun 12, 2022
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
How do I fix this issue in sqaurespace code block?	1	Jul 2, 2024
IE shows false and Firefox shows true	3	Jul 10, 2009
How do I hide the modal after 5 seconds?	4	Jun 1, 2023
Need help , Having problem with Drag n Drop...	1	Dec 21, 2022
New property difference between IE and Firefox	2	Oct 14, 2006
input in a text box still appear after page refresh for IE but notFF, Chrome, Opera	4	Apr 7, 2010

getElementbyId Firefox v IE

zippy

bne

zippy

RobG

RobG

Thomas 'PointedEars' Lahn

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads