原生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“获取/修改/删除”元素属性方法