如何让在js中创建的div在点击动态创建的td后填满屏幕？

要让在JavaScript中创建的div在点击动态创建的td后填满屏幕，可以通过以下步骤实现：

首先，为动态创建的td元素添加一个点击事件监听器。可以使用addEventListener方法来实现，监听器函数可以是匿名函数或者是一个已定义的函数。
在点击事件监听器中，获取屏幕的宽度和高度。可以使用window对象的innerWidth和innerHeight属性来获取。
创建一个div元素，并设置其样式属性为"position: absolute; top: 0; left: 0; width: 100%; height: 100%;"。这将使div元素覆盖整个屏幕。
将创建的div元素添加到body元素中，可以使用appendChild方法将其添加到body元素的子节点列表中。

下面是一个示例代码：

// 创建一个点击事件监听器
document.addEventListener('click', function(event) {
  // 获取屏幕的宽度和高度
  var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
  var screenHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
  
  // 创建一个div元素
  var div = document.createElement('div');
  
  // 设置div元素的样式属性
  div.style.position = 'absolute';
  div.style.top = '0';
  div.style.left = '0';
  div.style.width = '100%';
  div.style.height = '100%';
  
  // 将div元素添加到body元素中
  document.body.appendChild(div);
});

这样，在点击动态创建的td元素后，会在屏幕上创建一个填满整个屏幕的div元素。