在ejs模板中包含.js文件以操作DOM不起作用
的原因是ejs模板是在服务器端渲染的，而.js文件是在客户端执行的。由于ejs模板在服务器端渲染完成后会生成静态的HTML页面发送给客户端，所以客户端无法直接执行.js文件中的代码。
解决这个问题的方法是将需要操作DOM的代码放在客户端执行的<script>标签中，而不是通过包含外部的.js文件。可以在ejs模板中直接编写<script>标签，将需要操作DOM的代码写在其中。这样在浏览器渲染页面时，会执行<script>标签中的代码，从而实现对DOM的操作。
以下是一个示例：
<!DOCTYPE html>
<html>
<head>
<title>EJS Template</title>
</head>
<body>
<h1>Hello, <%= name %>!</h1>
<script>
// 在这里编写需要操作DOM的代码
document.querySelector('h1').style.color = 'red';
</script>
</body>
</html>在上面的示例中，<%= name %> 是一个ejs模板的变量，可以根据实际情况替换为需要的内容。在<script>标签中，使用JavaScript代码来获取h1元素并修改其样式，将文字颜色设置为红色。
需要注意的是，ejs模板中的JavaScript代码只能操作当前页面的DOM，无法直接操作其他页面或跨域的内容。如果需要跨域操作DOM，可以通过Ajax等方式进行通信。
推荐的腾讯云相关产品：腾讯云云服务器（https://cloud.tencent.com/product/cvm）和腾讯云云函数（https://cloud.tencent.com/product/scf）可以提供服务器运维和云原生的支持。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
