Sample code:
<body>
<table border="1" cellspacing="0" cellpadding="0" >
<tbody>
<tr>
<td style="color:red" >Don't eat apples</td>
</tr>
</tbody>
</table>
</body>
Try to use the W3C DOM writing method
Previous access objects might be:
Or apple
Now it should be used:
("apple") Access the object with an ID, and an ID must be unique in the page
("div")[0] Access object with tag name
The properties of the original setting object may be:
=100 or =100
Now it should be used:
("apple").setAttribute("width","100")
("div")[0].setAttribute("width","100")
The properties of the access object are:
("apple").getAttribute("width")
("div")[0].getAttribute("width")
Some limitations of W3C DOM under IE
Because IE first occupied 95% of the entire browser and there was no competitive pressure, the boss insisted on playing some alternatives and did not completely follow the WEB standard.
In IE, setAttribute cannot be used correctly to set the object's style, class and event response properties.
Therefore, I also have to access and set it according to the original dot notation to achieve compatible effects of various browsers, such as:
("banana").class
("banana").
("banana").onclick
("banana").class="fruit"
("banana").="blue"
("banana").onclick= function (){alert("I am a banana")}
About the onload question under Firefox
function over(){
alert("Page loaded")
}
Under normal circumstances, we assign the onload response function as:
= over
But in Firefox, this cannot be executed.
So we all use the following form:
=over
Regarding the problem that TABLE cannot insert new rows under IE
In IE, TABLE is not effective whether it is inserted with innerHTML or appendChild, but other browsers show it normally. The solution to it is to add <tr> to the <tbody> element of TABLE, as shown below:
var row = ("tr");
var cell = ("td");
var cell_text = ("Banana does not eat apples");
(cell_text);
(cell);
("tbody")[0].appendChild(row);
<body>
<table border="1" cellspacing="0" cellpadding="0" >
<tbody>
<tr>
<td style="color:red" >Don't eat apples</td>
</tr>
</tbody>
</table>
</body>
Try to use the W3C DOM writing method
Previous access objects might be:
Or apple
Now it should be used:
("apple") Access the object with an ID, and an ID must be unique in the page
("div")[0] Access object with tag name
The properties of the original setting object may be:
=100 or =100
Now it should be used:
("apple").setAttribute("width","100")
("div")[0].setAttribute("width","100")
The properties of the access object are:
("apple").getAttribute("width")
("div")[0].getAttribute("width")
Some limitations of W3C DOM under IE
Because IE first occupied 95% of the entire browser and there was no competitive pressure, the boss insisted on playing some alternatives and did not completely follow the WEB standard.
In IE, setAttribute cannot be used correctly to set the object's style, class and event response properties.
Therefore, I also have to access and set it according to the original dot notation to achieve compatible effects of various browsers, such as:
("banana").class
("banana").
("banana").onclick
("banana").class="fruit"
("banana").="blue"
("banana").onclick= function (){alert("I am a banana")}
About the onload question under Firefox
function over(){
alert("Page loaded")
}
Under normal circumstances, we assign the onload response function as:
= over
But in Firefox, this cannot be executed.
So we all use the following form:
=over
Regarding the problem that TABLE cannot insert new rows under IE
In IE, TABLE is not effective whether it is inserted with innerHTML or appendChild, but other browsers show it normally. The solution to it is to add <tr> to the <tbody> element of TABLE, as shown below:
var row = ("tr");
var cell = ("td");
var cell_text = ("Banana does not eat apples");
(cell_text);
(cell);
("tbody")[0].appendChild(row);
123Next pageRead the full text