New property difference between IE and Firefox

Pauljh · Oct 14, 2006

Hi All,
Can someone please explain why the following code works in IE but
not firefox please.
In ie I get an alert box with "mynewprop" but in Firefox I get
"undefined".

Help much appreciated.

Ta!!

Paul

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>Untitled Document</title>

<script type="text/javascript">
function init() {
var hello=document.getElementById('hello');
alert(hello.newprop);
}
</script>
</head>

<body onload="init();">
<a id="hello" newprop="mynewprop">
</a>
</body>
</html>

VK · Oct 14, 2006

Pauljh said:
Hi All,
Can someone please explain why the following code works in IE but
not firefox please.
In ie I get an alert box with "mynewprop" but in Firefox I get
"undefined".

Help much appreciated.

Ta!!

Paul

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>Untitled Document</title>

<script type="text/javascript">
function init() {
var hello=document.getElementById('hello');
alert(hello.newprop);
}
</script>
</head>

<body onload="init();">
<a id="hello" newprop="mynewprop">
</a>
</body>
</html>

What you are getting on document.getElementById('hello') is DOM
Interface to the element, not the element itself. And Firefox doesn't
expose custom attributes in the DOM Interface. For an universal
coverage of custom attributes you should manipulate element's node
directly by using hasAttribute, getAttribute, setAttribute methods.

Use this instead:

function init() {
var hello=document.getElementById('hello');
alert(hello.getAttribute('newprop'));
}

Pauljh · Oct 16, 2006

VK said:
Pauljh wrote:
<snip>

What you are getting on document.getElementById('hello') is DOM
Interface to the element, not the element itself. And Firefox doesn't
expose custom attributes in the DOM Interface. For an universal
coverage of custom attributes you should manipulate element's node
directly by using hasAttribute, getAttribute, setAttribute methods.

Use this instead:

function init() {
var hello=document.getElementById('hello');
alert(hello.getAttribute('newprop'));
}

VK,
Brilliant, thanks!!

IE shows false and Firefox shows true	3	Jul 10, 2009
difference between IE and FF	2	Dec 27, 2006
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
XHTML - how extend/create ELEMENT body in my DTD?	0	Oct 29, 2019
How do I hide the modal after 5 seconds?	4	Jun 1, 2023
How to get the height of an element in ie?	2	Jan 17, 2008
Fading effect between play and play-over and pause and pause-over	0	Oct 16, 2021
Show/Hide div NOT workink in IE	10	Jun 15, 2009

New property difference between IE and Firefox

Pauljh

VK

Pauljh

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads