欢迎光临散文网 会员登陆 & 注册

自学 JavaScript - 修改表格中的元素

2023-07-21 16:22 作者:Mr蓝珲  | 我要投稿


将下表中的歌手英文名改成对应的中文名,将歌曲的时长用英文单词表示。比如,将 "Norah" 改成 "诺拉",将 "3:06" 改成 "Three Minutes & Six Seconds"。

第一张表为原来的表,第二张为修改后的表。注意:Norah Jones 已经被替换为 
诺拉 琼斯, 歌曲时长已经替换为相应的英文单词。


思路:使用一个类似字典的映射表。 将英文名作为 key, 将对应的中文名作为 value; 将阿拉伯数字作为 key,将对应的英文单词作为 value。逐个查看表格中的每个元素,如果遇到匹配的 key, 就用对应的 value 替换。



映射表的名字叫做 translation,是个 Object


下面的 HTML 代码用来显示一张两行三列的表格。第一列是歌手的名字,第二列是歌曲的名字,第三列是歌曲的时长。


HTML 代码


下面的 JavaScript 代码用来创建一张新的表格,先复制原来表格的内容,再根据映射表进行修改。

JavaScript 代码





自学 JavaScript - 修改表格中的元素的评论 (共 条)

分享到微博请遵守国家法律