Javascript 单击标签后需要显示文本区域_Javascript_Html

Javascript 单击标签后需要显示文本区域

javascript html

Javascript 单击标签后需要显示文本区域,javascript,html,Javascript,Html,当我点击标签时，就在标签下方，一些文本区域应该显示一些预定义的文本，用户应该不能修改文本区域的内容我就是这样尝试的： <html> <head> <script type="text/javascript"> function myfunc2() { document.getElementById('showthis').style.visibility = "visible" } </script&g

当我点击标签时，就在标签下方，一些文本区域应该显示一些预定义的文本，用户应该不能修改文本区域的内容

我就是这样尝试的：

<html>

  <head>
    <script type="text/javascript">
    function myfunc2() {
      document.getElementById('showthis').style.visibility = "visible"
    }
    </script>
  </head>

  <body>
    <label onclick="myfunc2()">Click here</label>
    <textarea id="showthis" style="display:none">dfdsfsfasdfdsfsfasdfssdfsfasf</textarea>
  </body>

</html>


函数myfunc2（）{
document.getElementById（'showthis'）.style.visibility=“可见”
}
点击这里
DFDSFSFASDFDSFSFSDFSSDFSFSFSFASF

我不熟悉这种html和javascript。。请有人在这方面帮助我。

您想更改

显示属性，而不是可见性属性，因此请替换以下行：
document.getElementById('showthis').style.visibility="visible"

对于这一个：
document.getElementById('showthis').style.display="block"

请参阅工作。
您想更改显示属性，而不是可见性属性，请替换以下行：
document.getElementById('showthis').style.visibility="visible"

对于这一个：
document.getElementById('showthis').style.display="block"

请参阅工作。
试试这个
document.getElementById('showthis').style.display = "block";
document.getElementById('showthis').readOnly=true;

已更新
检查类名称（隐藏）。。如果是。。显示文本区域并将其命名为show
。。。否则将其隐藏并将类名命名为hide

JAVASCRIPT
function myfunc2() {
 var selectedobj=document.getElementById('showthis');

  if(selectedobj.className=='hide'){  //check if classname is hide 
    selectedobj.style.display = "block";
    selectedobj.readOnly=true;
    selectedobj.className ='show';
  }else{
    selectedobj.style.display = "none";
    selectedobj.className ='hide';
 }
}

将隐藏类添加到htmltextarea

HTML
dfdsfsfasdfdsfsfssdfsfasf   // 添加一个类隐藏
试试这个
document.getElementById('showthis').style.display = "block";
document.getElementById('showthis').readOnly=true;

已更新
检查类名称（隐藏）。。如果是。。显示文本区域并将其命名为show
。。。否则将其隐藏并将类名命名为hide

JAVASCRIPT
function myfunc2() {
 var selectedobj=document.getElementById('showthis');

  if(selectedobj.className=='hide'){  //check if classname is hide 
    selectedobj.style.display = "block";
    selectedobj.readOnly=true;
    selectedobj.className ='show';
  }else{
    selectedobj.style.display = "none";
    selectedobj.className ='hide';
 }
}

将隐藏类添加到htmltextarea

HTML
dfdsfsfasdfdsfsfssdfsfasf   // 添加一个类隐藏
您缺少一个
)
在
此外，还需要更改display.style而不是元素的可见性
试试这个
document.getElementById('showthis').style.display = "block";

或者在文本区域中附加一个visibility=“false”属性
)
在
此外，还需要更改display.style而不是元素的可见性
试试这个
document.getElementById('showthis').style.display = "block";

或者将visibility=“false”属性附加到文本区域
尽管您正在设置可见性：可见
，但元素仍然具有样式属性“显示：无”，因此不会显示
不应设置可见性
属性，而应使用块
覆盖显示
属性
将您的功能更改为：
function myfunc2() {
      document.getElementById('showthis').style.display = "block";
}

尽管您正在设置可见性：可见
，但元素仍然具有样式属性显示：无
，因此不会显示
不应设置可见性
属性，而应使用块
覆盖显示
属性
将您的功能更改为：
function myfunc2() {
      document.getElementById('showthis').style.display = "block";
}

CSS属性显示
和可见性
是不同的
如果您希望简单地使元素可见，但保留其在布局中所占的位置，并留下空白，则使用可见性
更有意义：
<textarea id="showthis" style="visibility:hidden">dfdsfsfasdfdsfsfasdfssdfsfasf</textarea>

CSS属性显示
和可见性
是不同的
如果您希望简单地使元素可见，但保留其在布局中所占的位置，并留下空白，则使用可见性
更有意义：
<textarea id="showthis" style="visibility:hidden">dfdsfsfasdfdsfsfasdfssdfsfasf</textarea>

右边应该有一个分号。这不是答案。是的，我现在看到了更多的情况：-P只是做了一个简单的概览，很抱歉这样做，感谢，我只是不想给提问者一个错误的建议。虽然你是对的，但应该有一个分号。这不是答案。是的，我现在看到有更多的事情发生了：-P只是做了一个快速的概览，很抱歉这样做，感谢，我只是不想给提问者一个错误的建议。谢谢！如果我再次点击标签，它应该会再次关闭，怎么可能…？哇，非常感谢！还有一件事兄弟：我可以知道我如何使用这个功能吗。。我的意思是，只要我单击文本区域，预定义的文本就应该复制到clickboard。。函数copyToClipboard（text）{window.prompt（“复制到剪贴板：Ctrl+C，Enter”，text）；谢谢！如果我再次单击标签，它应该会再次关闭，怎么可能呢？哇，非常感谢！还有一件事bro:我可以知道如何使用这个功能吗..我的意思是，一旦我单击文本区域，预定义的文本应该复制到clickboard..函数copytocClipboard（text）{window.prompt（“复制到剪贴板：Ctrl+C，Enter”，text）；谢谢！我可以知道如何使用此功能吗..我的意思是，只要我单击文本区域，预定义的文本就应该复制到clickboard..函数copyToClipboard（文本）{window.prompt（“复制到剪贴板：Ctrl+C，Enter”，text）；}谢谢！我可以知道如何使用此功能吗..我的意思是，只要我单击文本区域，预定义的文本就应该复制到clickboard..函数copyToClipboard（文本）{window.prompt（“复制到剪贴板：Ctrl+C，Enter”，text）；}谢谢！我可以知道如何使用此功能吗..我的意思是，只要我单击文本区域，预定义的文本就应该复制到clickboard..函数copyToClipboard（文本）{window.prompt（“复制到剪贴板：Ctrl+C，Enter”，text）；}谢谢！我可以知道如何使用此功能吗..我的意思是，只要我单击文本区域，预定义的文本就应该复制到clickboard..函数copyToClipboard（文本）{window.prompt（“复制到剪贴板：Ctrl+C，Enter”，text）；}谢谢！我可以知道如何使用此功能吗..我的意思是，只要我单击文本区域，预定义的文本就应该复制到clickboard..函数copyToClipboard（文本）{window.prompt（“复制到剪贴板：Ctrl+C，Enter”，text）；}谢谢！我可以知道如何使用此功能吗..我的意思是，只要我单击文本区域，预定义的文本就应该复制到clickboard..函数copyToClipboard（文本）{window.prompt（“复制到剪贴板：Ctrl+C，Enter”，text）；}