td/th axisProperty
td/th Object
Definition and Usage
The axis property sets or returns a comma-separated list containing the names of a set of types (for associated cells).
Syntax
Set the axis property:
tdObject.axis="text"
or
thObject.axis="text"
or
thObject.axis="text"
Return the axis property:
tdObject.axis
or
thObject.axis
or
thObject.axis
Tip:The axis property has no default value.
Browser Support
All major browsers support the axis property.
Example
Example
The following example returns the axis of a cell:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example Tutorial (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("myTable");
var th=x.getElementsByTagName("th");
for (var i=0;i<th.length;i++){
alert ("The " + (i+1) + ". column axis is: " + th[i].axis);
}
}
</script>
</head>
<body>
<table border="1" id="myTable">
<tr>
<th axis="car">Name</th>
<th axis="country">Country</th>
</tr>
<tr>
<td>BMW</td>
<td>Germany</td>
</tr>
<tr>
<td>Volvo</td>
<td>Sweden</td>
</tr>
<tr>
<td>Saab</td>
<td>Sweden</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Get Axis</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Example Tutorial (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("myTable");
var th=x.getElementsByTagName("th");
for (var i=0;i<th.length;i++){
alert ("The " + (i+1) + ". column axis is: " + th[i].axis);
}
}
</script>
</head>
<body>
<table border="1" id="myTable">
<tr>
<th axis="car">Name</th>
<th axis="country">Country</th>
</tr>
<tr>
<td>BMW</td>
<td>Germany</td>
</tr>
<tr>
<td>Volvo</td>
<td>Sweden</td>
</tr>
<tr>
<td>Saab</td>
<td>Sweden</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Get Axis</button>
</body>
</html>
Try it Yourself »
td/th Object
Other Extensions