Home > Web Front-end > JS Tutorial > body text

Different performances of javascript setAttribute, getAttribute on different browsers_javascript skills

PHP中文网
Release: 2016-05-16 18:21:38
Original
1269 people have browsed it

Test environment (client browser)
IE6, IE7, IE8 compatibility mode, IE8
Firefox 3.6.8, google chrome 5.0.375.125

First explain the standards of the two functions definition.
elementNode.setAttribute(name,value)
name required. Specifies the attribute name to be set.
value required. Specifies the attribute value to be set.
This method sets the specified attribute to the specified value. If a property with the specified name does not exist, this method creates a new property.

elementNode.getAttribute(name)
name required. Specifies the attribute from which the attribute value is obtained.

1. Problems with setAttribute
elementNode is...

I hope to add an event handler for clicking the row,
Writing 1:

table1row1.setAttribute("onclick", "selectrow1(this)");
Copy after login


IE8, Firefox, and google chrome can correctly trigger the click event
IE6, but IE7 cannot trigger the click event.
Writing 2:

table2row1.onclick = function() { selectrow2(this) };
Copy after login
Copy after login

All test browsers can trigger click events

So in order to be compatible in different IEs, we can use the following statements uniformly.

table2row1.onclick = function() { selectrow2(this) };
Copy after login
Copy after login

2. Problems with getAttribute
elementNode is...
First set the attribute with setAttribute
table1row1.setAttribute("level", 1);
Use getAttribute to get the attribute value of the label
var level = table1row1.getAttribute("level");
alert("table1row1 level:" level "rntypeof(level) = " (typeof (level) ).toString());
Displayed in IE6 and 7

table1row1 level:1
typeof(level) = number

In IE8, Firefox, google



table1row1 level:1
typeof(level) = string
is displayed in chrome to handle these two situations uniformly, and the code is unified As follows:

The code is as follows:

var level = table1row1.getAttribute("level"); 
if (level === undefined || level == null) { 
level = "0"; 
} 
level = level.toString(); 
if (level.trim() == "") { 
level = "0"; 
}
Copy after login

or use the ajax method
$addHandler is Sys. A shortcut to UI.DomEvent.addHandler, its syntax is:
$addHandler(element, eventName, handler);
element is the DOM element that exposes the event.
eventName The name of the event.
handler The event handler to add.
The previous statement can be written like this:
$addHandler(row,"click", function() { selectrow(this) });
Copy after login

The code is as follows:

 
 
 
Test 
 
 
 
table1
No. Item
1 2C.40E80.041
2 4L.013Y2.003

table2
No. Item
1 4G.0QE18.001
2 2K.61209.208
Copy after login

The above is the different performances of javascript setAttribute and getAttribute on different browsers_javascript skills, more For related content, please pay attention to the PHP Chinese website (www.php.cn)!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!