textarea,删除display:none从js添加

时间:2017-05-04 07:15:57

标签: javascript jquery html css

我正在尝试从javascript中删除添加到textform的display:none

检查Chrome控制台我看到了这个"可怕的"事情:

<textarea class="form-control " cols="10" rows="10" fieldset="input_default" id="message" name="message" data-placeholder="my_test_placeholder" style="display: none;">
</textarea>

不正确,因为您知道隐藏了display: none textarea元素

很遗憾无法立即删除正在使用的脚本,因此我现在唯一的解决方案就是尝试将其从js或css中删除。 :(

有什么想法吗?

7 个答案:

答案 0 :(得分:1)

它应该像jquery select和方法一样简单:

$('#message').show();

答案 1 :(得分:0)

有两种方法可以做到这一点:

$('#message').css("display","block");

$('#message').show();

答案 2 :(得分:0)

&#13;
&#13;
.form-control {
  display: block !important;
}
&#13;
<textarea class="form-control" cols="10" rows="10"
  fieldset="input_default" id="message" name="message"
  data-placeholder="my_test_placeholder" style="display: none;">
</textarea>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

使用js

document.getelementbyid('message').style.display="block";

答案 4 :(得分:0)

最好的方法:

$('#message').show();

但要更改所需的所有css规则,请使用:

$('#message').css("display", "block");

在CSS中:

#message {
    display: block !important;
}

答案 5 :(得分:0)

Jquery为您提供show()功能。当您将元素idclass放入选择器时,它将显示元素。

$('#message').show();

您也可以使用css()功能

执行相同的任务
$('#message').css("display","block");

答案 6 :(得分:0)

试试这个

$( document ).ready(function(){
    $("#message").show();
});

小提琴: https://jsfiddle.net/yunw352p/