Javaｓｃｒｉｐｔ实现了在切换TD中的值。
在面试的前一天，我遇到了一个面试问题，当时我没有回答，所以今天我不得不和大家分享。原来的问题是：使用对象的方法来创建一个表格（表格），需要2第二行和第二列细胞有一个按钮。单击此按钮时，第一行的第一列的值与第二行的第一行的值互换，见下文。
创建一个表
点击效果
我很笨，如果你有更好的方法告诉你，下一个半天，我终于有了一些结果：
1。创建表的对象
复制代码代码如下所示：
文件
表TD文本对齐：中心；}
使用对象创建表
var表{
中：中
定：value2
第2行，
单元格：2，
创建：函数（）{
创建表
无功表= document.createelement（表）；
表。边框= 1；
表宽度=500；
创建按钮
VAR按钮= document.createelement（按钮）；
按钮。innerHTML =开关；
按钮名称=qiehuan ；
button.setattribute（onclick
创建一行
对于（var i = 0；i < this.row；i++）{
table.insertrow（）；
}
创建列
对于（var i = 0；i < this.cell；i++）{
表。行{我} insertCell（）；
表。行{我} insertCell（）；
}
将表添加到主体
document.body.appendchild（表）；
无功表= document.getelementsbytagname（表）{ 0 }；
VaR row1行{ 0 } =表；
VaR row2 =表。行{ 1 }；
表。行{ 1 }。细胞{ 1 }。appendChild（按钮）；
var a = row1。细胞{ 0 } .innerHTML = this.value1；
var b = row2。细胞{ 0 } .innerHTML = this.value2；
}
}
table.create（）；
创建表方法的效果如下：
单击开关代码：
复制代码代码如下所示：
功能qiehuan（）{
获取/表
无功表= document.getelementsbytagname（表）{ 0 }；
获取
VaR row1行{ 0 } =表；
VaR row2 =表。行{ 1 }；
交换内容
创建存储数据的新元素
var a = row1。细胞{ 0 }。innerHTML；
var b = row2。细胞{ 0 }。innerHTML；
row1。细胞{ 0 } .innerHTML = B；
row2。细胞{ 0 } .innerHTML =一；
}
点击开关按钮的效果是：
扩展与扩展：
1。我想实现一个单击id来替换排序：
原
影响
代码：
复制代码代码如下所示：
文件
单击替换内容
身份证件
名称
性别
一
一
男性的
二
B
女性的
失效的影响
document.getelementbyid（'id'）。AddEventListener（听到咔哒声，f_switch，假）；
document.getelementbyid（'name'）。AddEventListener（听到咔哒声，f_switch，假）；
document.getelementbyid（'sex）。AddEventListener（听到咔哒声，f_switch，假）；
功能f_switch（）{
获取/表
无功表= document.getelementsbytagname（表）{ 0 }；
获取元素
VaR row1行{ 2 } =表；
VaR row2 =表。行{ 3 }；
方法
创建存储数据的新元素
无功newrow = document.createelement（TR）；
无功newhtml = newrow .innerHTML = row2.innerhtml；
无功newrow2 = document.createelement（TR）；
无功newhtml2 = newrow2 .innerHTML = row1.innerhtml；
替换
newhtml row1 .innerHTML =；
newhtml2 row2 .innerHTML =；
两种方法
/不理解…可以实现以下句子。
/ / table.appendchild（row1）；
}