使用js把textarea里面出来的固定内容立马隐藏textarea里面的ID为:chatgpt-response代码怎么写?完整代码
以下是将textarea中的内容隐藏并将ID为chatgpt-response的textarea元素隐藏的完整代码:
<!DOCTYPE html>
<html>
<head>
<title>Hide textarea content</title>
<script>
function hideContent() {
var textarea = document.getElementsByTagName("textarea")[0];
var content = textarea.value;
textarea.style.display = "none";
document.getElementById("chatgpt-response").style.display = "none";
console.log("Content hidden: " + content);
}
</script>
</head>
<body>
<textarea>Sample content to hide</textarea>
<textarea id="chatgpt-response">Response to hide</textarea>
<button onclick="hideContent()">Hide Content</button>
</body>
</html>
在上述代码中,我们使用了一个名为hideContent的JavaScript函数,该函数执行以下操作:
- 获取第一个textarea元素的引用。
- 获取textarea元素的值,即要隐藏的内容。
- 将textarea元素的样式设置为"display: none",使其不可见。
- 获取ID为chatgpt-response的textarea元素的引用。
- 将chatgpt-response元素的样式设置为"display: none",使其不可见。
- 在控制台中打印出被隐藏的内容。
在HTML中,我们创建了两个textarea元素和一个按钮,点击按钮将调用hideContent函数。
原文地址: https://www.cveoy.top/t/topic/9on 著作权归作者所有。请勿转载和采集!