使用外部网站动态字段填充HTML表格单元格遇问题求助

嘿，作为HTML新手踩这个坑很正常～你的核心想法（获取数据填充表格）是没问题的，但实现过程中忽略了两个关键限制，才导致单元格空白：

1. 跨域限制：前端JS不能直接访问其他网站的DOM #

你想用document.getElementById("Scheduled_Date__c")获取其他网站的元素，这是行不通的——浏览器有个叫「同源策略」的安全机制，会阻止不同域名（包括子域名、端口、协议不同）的页面之间互相访问DOM或数据。也就是说，这段代码只能获取当前页面里ID为Scheduled_Date__c的元素，拿不到别的网站的内容。

2. 代码放置位置错误：不能直接把JS写在<td>标签里 #

你把JS代码直接写在<td>内部，这不符合HTML语法规范——<td>是用来承载页面内容的，JS代码必须放在<script>标签中，而且要确保代码执行时，目标元素已经加载完成（否则会出现“找不到元素”的情况）。

正确的实现方向 #

如果目标网站是你自己的（和表格页面同源） #

如果Scheduled_Date__c元素和你的表格在同一个域名下，那可以这么改：

1. 给表格的目标单元格加个ID，方便定位：

<table>
  <tr> <td><b>Date</b></td> </tr>
  <tr> <td id="target-date-cell">value</td> </tr>
</table>

2. 在页面底部（</body>标签前）添加<script>标签，确保页面元素加载完成后再执行代码：

<script>
// 等页面所有元素都加载完成再执行
document.addEventListener('DOMContentLoaded', function() {
  // 获取目标日期元素
  const dateElement = document.getElementById("Scheduled_Date__c");
  // 获取表格的目标单元格
  const dateCell = document.getElementById("target-date-cell");
  
  // 检查元素是否存在，避免报错
  if (dateElement && dateCell) {
    // 如果是输入框类型的元素，用.value；如果是普通文本元素，用.textContent
    dateCell.textContent = dateElement.value || dateElement.textContent;
  }
});
</script>

如果目标网站不是你自己的（跨域） #

这种情况下前端JS直接拿数据是不可能的，得通过后端代理来实现：

• 搭建一个简单的后端服务（比如用Node.js、Python等），让后端去请求目标网站的页面，提取出Scheduled_Date__c对应的日期值。
• 你的前端页面再请求自己的后端接口，拿到日期数据后填充到表格里。
• 如果目标网站提供官方API，也可以通过后端代理调用API获取数据（避免跨域问题）。

总结一下：你的核心思路是对的，但没考虑浏览器的跨域安全限制，以及JS代码的正确放置方式。调整这两点就能解决问题啦～

内容的提问来源于stack exchange，提问作者DHB