td中不行，但body中可以：<body text="green">
td中只可以设置背景颜色：<td bgcolor="gray">
也可以：<td><font size="3" color="red">This is some text!</font></td>
html即超文本标记语言。超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<td>标签中，输入属性代码：width="70px"。
3、浏览器运行index.html页面，此时列td的大小被固定70px，不随文字而变化。
[javascript] view plain copy<!doctype html>
<html>
<head>
<title>table contenteditable</title>
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript">
var students = [
{ 'no': 'S001', 'name': '张三', 'address': '浙江' },
{ 'no': 'S002', 'name': '李四', 'address': '江苏' },
{ 'no': 'S003', 'name': '王五', 'address': '福建' },
{ 'no': 'S004', 'name': '马六', 'address': '四川' }
]
$(function () {
InitStudents()
})
function InitStudents() {
var html = ''
$.each(students, function (i, item) {
html += '<tr>'
html += '<td>' + item.no + '</td>'
html += '<td><span contenteditable="true" class="studentname">' + item.name + '</span></td>'
html += '<td>' + item.address + '</td>'
html += '</tr>'
})
$('#mainTbody').append(html)
}
function GetStudents() {
var studentnames = ''
$('#mainTbody span.studentname').each(function () {
studentnames += '【' + $(this).text() + '】'
})
alert(studentnames)
}
</script>
</head>
<body>
<div><input type="button" value="确定" onclick="GetStudents()" /></div>
<div style="margin-top:10px">
<table>
<thead>
<tr>
<td>学号</td>
<td>姓名</td>
<td>地址</td>
</tr>
</thead>
<tbody id="mainTbody"></tbody>
</table>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）