如何将Java后端传入HTML的值传递给内嵌Script脚本？

你的问题核心在于**<div>元素并没有value属性**——这个属性是为表单输入类元素（如<input>、<select>）设计的，所以用document.getElementById('test').value自然会返回undefined。下面给你几种可行的解决方案，适配不同的场景：

方案1：直接将后端值注入脚本变量（最推荐） #

如果你的Java应用能修改HTML中的脚本内容，直接把值写到脚本变量里是最直接的方式，完全不需要绕div：

<html>
<body>
<script>
// Java直接替换[VALUE_FROM_BACKEND]为实际值，比如1234
let valueFromBackend = [VALUE_FROM_BACKEND];
console.log(valueFromBackend); // 直接输出1234
</script>
</body>
</html>

方案2：通过元素内容获取值（适配你当前的HTML结构） #

如果Java只能修改<div>的内容，那你需要用textContent或innerHTML来获取div里的文本，而不是value：

<html>
<body>
<div id="test">1234</div> <!-- Java将[VALUE_FROM_BACKEND]替换为实际值 -->
<script>
// 获取div里的文本内容
const value = document.getElementById('test').textContent.trim();
console.log(value); // 输出1234

// 如果你的div里是完整的变量声明（比如"let valueFromBackend = 1234"），可以用eval执行，但强烈不推荐（有XSS风险）
// eval(document.getElementById('test').textContent);
// console.log(valueFromBackend);
</script>
</body>
</html>

⚠️ 注意：如果后端值包含不可信内容（比如用户输入），绝对不要用eval，会导致XSS攻击。

方案3：用data属性存储值（更安全、优雅） #

可以给div添加一个data-*属性来存储后端值，这样既不会影响页面显示，又能安全地拿到值：

<html>
<body>
<!-- Java将[VALUE_FROM_BACKEND]替换为实际值，比如1234 -->
<div id="test" data-backend-value="[VALUE_FROM_BACKEND]"></div>
<script>
// 通过dataset获取属性值
const valueFromBackend = document.getElementById('test').dataset.backendValue;
console.log(valueFromBackend); // 输出1234
</script>
</body>
</html>

这种方式的优势在于：值不会显示在页面上，也避免了直接操作HTML内容带来的安全风险。

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