原生JS修改标签的hidden属性方法

注意:

1、hidden属性在html5中,只要存在,就是隐藏效果,而不论值为多少?

2、要显示元素,必须要删除hidden属性,而不是设置为false。

 

JavaScript原生移除hidden属性,也就是删除hidden属性,不让隐藏,让显示出来

<script type="text/javascript" async="true">
function Loadcity(){
var text_2=document.getElementById("city");
text_2.removeAttribute("hidden");
}
</script>

 

JavaScript原生添加hidden属性,也就是增加一个hidden,达到隐藏效果

<script type="text/javascript" async="true">
function Loadprovince(){
var text_1=document.getElementById("province");
text_1.setAttribute("hidden",true);
}
</script>

 

我的html代码:

<div class="input-group  mb-4">
                    <div class="input-group-prepend">
                        <span class="input-group-text" >地区列表</span>
                    </div>
                    <select onchange="Loadprovince()"  class="form-control" name="province" id="province">
                        <option value ="province">省</option>
                        <option value ="1">四川</option>
                        <option value ="2">辽宁</option>

                    </select>
                    <select onchange="Loadcity()" class="form-control" name="city" id="city" hidden="hidden" disabled="disabled">
                        <option value ="city">市</option>
                        <option value ="3">北京</option>
                        <option value ="4">上海</option>

                    </select>

                </div>

 

推荐文章:

原生JS“获取/修改/删除”元素属性方法

    A+
发布日期:2021年01月06日 06:26:32  所属分类:JavaScript
最后更新时间:2021-01-07 11:34:27
评分: (2 票;平均数3.00 ;最高评分 5 ;用户总数2;总得分 6;百分比60.00)
付杰
Python爬虫教程:零基础上手Scrapy分布爬虫
  • ¥ 388.0元
  • 市场价:388.0元
JAVA从入门到精通视频教程(实战)
  • ¥ 99.0元
  • 市场价:99.0元
React.js视频教程:全新React.js16.12技术合集
  • ¥ 69.0元
  • 市场价:69.0元
数据科学与人工智能:必备数学基础
  • ¥ 298.0元
  • 市场价:398.0元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: