Javascript 将HTML值传递给嵌入式脚本

Javascript 将HTML值传递给嵌入式脚本,javascript,java,html,Javascript,Java,Html,所以我有一个带有嵌入式脚本的HTML文件。Java应用程序向该HTML文件发送一个值。现在我想知道如何将这个值从HTML传递到脚本。这可能吗 以下是使用我的方法的简化HTML文件: <html> <body> <div id="test"> [VALUE_FROM_BACKEND] // prints "let valueFromBackend = 1234" </div> <script>

所以我有一个带有嵌入式脚本的HTML文件。Java应用程序向该HTML文件发送一个值。现在我想知道如何将这个值从HTML传递到脚本。这可能吗

以下是使用我的方法的简化HTML文件:

<html>
  <body>
     <div id="test">
        [VALUE_FROM_BACKEND] // prints "let valueFromBackend = 1234"
     </div>

  <script>    
    console.log(document.getElementById('test').value);
    // should return: let valueFromBackend = 1234;
    // actually returns: undefined
  </script>

  </body>
</html>

[VALUE\u FROM\u BACKEND]//打印“let valuefrom BACKEND=1234”
log(document.getElementById('test').value);
//应该返回:让valuefrombend=1234;
//实际返回:未定义
不幸的是,我无法将值从Java应用程序直接传递到脚本。我从中获得了上述方法,但这不起作用。 其他解决方案只关注从远程HTML页面获取值,在脚本标记中声明HTML文件的源。但由于它是一个嵌入式脚本,这似乎也不起作用


有人知道如何处理这种情况吗?非常感谢您的帮助。

由于您希望获得div元素的值,因此语法如下:
document.getElementById('test').innerHTML


请记住,
getElementById().value
用于输入,并将
getElementById().innerHTML
用于div等元素,因为您希望获取div元素的值,因此语法为:
document.getElementById('test').innerHTML


请记住,
getElementById().value
用于输入,并使用
getElementById().innerHTML
用于div等元素在javascript中只有HTML
input
元素具有
值。
div
不能有
值,这就是代码返回
未定义的原因

要访问常规HTML元素(如
div
)中的文本,请改用
element.innerText

以下是您可以尝试的工作代码段:

console.log(document.getElementById('test').innerText)

让valueFromBackend=1234

在javascript中,只有HTML
input
元素具有
值。
div
不能有
值,这就是代码返回
未定义的原因

要访问常规HTML元素(如
div
)中的文本,请改用
element.innerText

以下是您可以尝试的工作代码段:

console.log(document.getElementById('test').innerText)

让valueFromBackend=1234

input
s有一个值,
div
s没有。您可以使用
.textContent
访问文本。
input
s有值,
div
s没有值。您可以使用
.textContent
访问文本。