点击后在td中显示数值

比方说,我有一个 <td> 其中有一些与一些值,例如。

<td onclick = "insertItem(this)" time = "8:00" day = "Monday"></td>

然后当我点击时,我想让我的div显示这些时间,例如:

<div id = "show">
  <p><strong> #DAY </strong> #time </p>
</div>

然后我的脚本是这样的:

function insertItem(x) {               
  var time = x.time;
  var day = x.day;
}

转移一下吗?)

解决方案:

是这样吗?

document.getElementsByTagName("table")[0].onclick = function(e){
 if(e.target.tagName != "TD"){return;}
 var show = document.getElementById("show");
 
 // Save Attributes
 show.dataset.day = e.target.dataset.day;
 show.dataset.hour = e.target.dataset.hour;
 show.dataset.minutes = e.target.dataset.minutes;
 
 //Show Attributes
 show.innerHTML = "<p><strong>Day: "+
  e.target.dataset.day+
  "</strong> Time: "+
  e.target.dataset.hour+
  ":"+
  e.target.dataset.minutes+
  "</p>";
};
<table>
  <tr>
    <td data-day="10" data-hour="8" data-minutes="00">8:00</td>
    <td data-day="14" data-hour="9" data-minutes="15">9:15</td>
  </tr>
</table>

<span id="show"></span>

给TA打赏
共{{data.count}}人
人已打赏
未分类

让两个角色之间的一切都跨越新的界限

2022-9-8 2:56:38

未分类

重构函数以使用咖喱

2022-9-8 2:56:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索