Javascript 获取元素的值

Javascript 获取元素的值,javascript,html,Javascript,Html,我有这样的代码: <html> <link rel="stylesheet" href="style.css"> <body> <textarea id="input"></textarea> <code id="output"></code> <script> console.log(document.getElementById('output')); </script> <sc

我有这样的代码:

<html>
<link rel="stylesheet" href="style.css">
<body>
<textarea id="input"></textarea>
<code id="output"></code>
<script>
console.log(document.getElementById('output'));
</script>
<script src="bundle.js"></script>
</body>
</html>
console.log(document.getElementById('output').value)

我怎样才能获得产出的价值?因为现在它打印的是我,而不是我页面上显示的值。

只需访问此元素的值,如下所示:

<html>
<link rel="stylesheet" href="style.css">
<body>
<textarea id="input"></textarea>
<code id="output"></code>
<script>
console.log(document.getElementById('output'));
</script>
<script src="bundle.js"></script>
</body>
</html>
console.log(document.getElementById('output').value)

只需访问此元素的值,如下所示:

<html>
<link rel="stylesheet" href="style.css">
<body>
<textarea id="input"></textarea>
<code id="output"></code>
<script>
console.log(document.getElementById('output'));
</script>
<script src="bundle.js"></script>
</body>
</html>
console.log(document.getElementById('output').value)
假设您的代码元素将有一个innerHTML作为您引用的值,那么

console.log(document.getElementById('output').innerHTML);
假设您的代码元素将有一个innerHTML作为您引用的值,那么

console.log(document.getElementById('output').innerHTML);
使用document.getElementById'divid'。value可以获得输入的值

console.log(document.getElementById('output').value);
如果需要任何HTML,请使用innerHTML

完整参考:

使用document.getElementById'divid'。值您可以获取输入的值

console.log(document.getElementById('output').value);
如果需要任何HTML,请使用innerHTML


完整参考:

输出中没有任何内容,您可以使用console.logdocument.getElementById'output'.innerHTML访问它;输出中没有任何内容,而您可以使用console.logdocument.getElementById'output'.innerHTML;没有为id=output定义任何值属性。因此,无法使用.values获取其值。没有为id=output定义任何值属性。因此,不能使用.value获取其值