【问题标题】:Can't display text on my site with my .js file无法使用我的 .js 文件在我的网站上显示文本
【发布时间】:2022-01-09 20:38:35
【问题描述】:

我找不到为什么我不能编写一些 .innerHTML 来在我的网站上添加一些文本。

这是我的 HTML 的一部分:

<table>
  <tr>
    <td class="test1"></td>
    <td class="test2"></td>
    <td class="test3"></td>
    <td class="test4"></td>
  </tr>
</table>

...

  </main>
  <script src="./test.js"></script>
</body>
<footer>

这是我的 JS 的一部分:

const $test1 = document.querySelector('.test1')
$test1.innerHTML = `test`;

在本例中,我想在表格第一行的第一种情况下显示“文本”。但什么都没有显示。也许这两个文件没有很好地链接?想...

希望你有足够的信息,不要犹豫,向我询问更多细节!!!

非常感谢。

祝你有美好的一天。

这里是确认路径是否正确?

【问题讨论】:

  • 为什么你的变量前面有一个$?这不是 PHP
  • 您的标签以 td 开头,但以 th 结尾!

标签: javascript html innerhtml script


【解决方案1】:

您需要使用&lt;table&gt; 标记来包装您的html 代码。 &lt;td&gt;&lt;tr&gt; 元素必须位于一个元素内。您可以阅读有关此问题的更多信息here

您遇到的另一个问题是&lt;td&gt; 元素被&lt;/th&gt; 标签关闭。

 var test1 = document.querySelector(".test1");
 test1.innerHTML = 'test';
<table>
  <tr>
    <td class="test1"></td>
    <td class="test2"></td>
    <td class="test3"></td>
    <td class="test4"></td>
  </tr>
</table>

【讨论】:

  • 是的,我做到了,我只是为示例显示了我的表格的一部分......
  • 你还有一个问题是 元素被 标签关闭..
  • 哦,是的!没看到那个,谢谢但这对最初的问题没有任何改变。
【解决方案2】:

你可以在这里查看这个小sn-p:

document.querySelector('table td.test1').innerHTML = `test`
<table>
  <tr>
    <td class="test1"></td>
    <td class="test2"></td>
    <td class="test3"></td>
    <td class="test4"></td>
</tr>
</table>

【讨论】:

  • 我只是尝试,但没有任何改变。
  • 请检查您的 .js 文件路径并使用调试器或 alert() 进行测试
猜你喜欢
相关资源
最近更新 更多
热门标签