gpt4 book ai didi

javascript - 如何在外部文档中使用 javascript 将文本区域的内容保存为变量?

转载 作者:行者123 更新时间:2023-11-28 12:40:53 25 4
gpt4 key购买 nike

正如许多人所建议的那样,我尝试将变量保存为 ID 的 .value.innerHTML,这是通过使用 document.getElementById< 找到的。这是我的全部 HTML:

<html>
<head>
<title>write</title>
<script type="text/javascript" src="g.js"></script>
<link rel="stylesheet" type="text/css" href="g.css" />
</head>

<body>
<div id="box">
<textarea id="txt" placeholder="placeholder. type here.">text text</textarea>
</div>
</body>
</html>

这是我的 javascript,当前旨在触发包含文本区域中的文本的警报 - 现在是 text text:

function run(){
var txt = document.getElementById('txt');

alert(txt);}

run()

现在,加载页面会触发带有文本 Null 的警报,并在 getElementById('txt') 后面添加 .value 会导致没有警报。非常感谢。

最佳答案

问题在于您的 javascript 在构建 DOM 之前执行。当您加载 <head> 中的 JavaScript 文件时文档的,它会在 <textarea> 之前立即执行。标签已创建。

尝试将脚本 block 移至文本区域下方、</body> 之前。标签。

这是一个示例:fiddle

构建 DOM 后,您可以使用 getElementById就像可以使用 value 访问文本区域的内容一样属性。所有这些都在上面的 fiddle 中。

或者,您可以将 run() 包装起来。使用库进行方法调用,该库在 DOM 准备就绪时提供事件。 jQuery 的示例是:

$(function () {
// code you want to execute when the DOM is ready.
run();
});

关于javascript - 如何在外部文档中使用 javascript 将文本区域的内容保存为变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12327883/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com