td/th ch 属性
td/th 对象定义和用法
ch 属性设置或返回单元格的对齐字符。
同一列中的所有单元格内容对齐取决于此字符。
语法
设置 ch 属性:
tdObject.ch="text"
或者
thObject.ch="text"
或者
thObject.ch="text"
返回 ch 属性:
tdObject.ch
或者
thObject.ch
或者
thObject.ch
提示 property 属性没有默认值。
浏览器支持
所有主流浏览器都支持 ch 属性。但是,没有主流浏览器会执行该属性的功能。
实例
实例
以"." 字符对齐 "Savings" 列:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function displayResult(){
var c=document.getElementById("myCol");
alert("第二列对齐的字符是: " + c.ch);
}
</script>
</head>
<body>
<table border="1">
<colgroup>
<col>
<col id="myCol" align="char" char=".">
</colgroup>
<tr>
<th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>January</td>
<td>$100.00</td>
</tr>
<tr>
<td>February</td>
<td>$10.00</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">获取字符对齐</button>
<p><b>注意:</b>不是所有的主流浏览器都支持char属性。</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function displayResult(){
var c=document.getElementById("myCol");
alert("第二列对齐的字符是: " + c.ch);
}
</script>
</head>
<body>
<table border="1">
<colgroup>
<col>
<col id="myCol" align="char" char=".">
</colgroup>
<tr>
<th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>January</td>
<td>$100.00</td>
</tr>
<tr>
<td>February</td>
<td>$10.00</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">获取字符对齐</button>
<p><b>注意:</b>不是所有的主流浏览器都支持char属性。</p>
</body>
</html>
尝试一下 »
td/th 对象
点我分享笔记