让我们向您解释js如何改变cssdisplay属性值。相信朋友们也应该密切关注这个话题。现在让我们和朋友们谈谈js如何改变cssdisplay属性的值。边肖还收集了js如何改变cssdisplay属性值的相关信息。我希望你看到后会喜欢。

改变css显示属性值的方法：首先，使用语句“document . getelementbyid(' id value ')”获取指定的元素对象；然后使用语句“元素对象。style.display=' value ' "，以更改display属性的值。

本教程操作环境：windows7系统，javascript1.8.5版本1.8.5，戴尔G3电脑。

HTML DOM允许JavaScript改变HTML元素的样式。那么js如何改变css display属性的值呢？

语法：

object . style . display=' value '；示例：

已知：

Div class='login1' id='login '页面id为login /div的元素

Div class=' login2' ID=' register '页面ID为register /div代码的元素：

脚本

document . getelementbyid(' log in '). style . display=' none '；//(登录是要隐藏的页面ID)

document . getelementbyid(' register '). style . display=' block '/(register是要显示的页面id)

/script描述：如何获取Object元素对象：

1.根据id获取元素

document . getelementbyid(“ID”属性的值)；2.根据标记名获取元素

Document.getElementsByTagName(“标签的名称”)；3.根据name属性的值获取元素

document . getelementsbyname(“name”属性的值)；4.根据类属性获取元素

document . getelementsbyclassname('类样式的名称')；5.根据css路径获取元素(获取一个)

Document.querySelector('css路径')；6.根据css路径获取元素(获取一个组)

Document.querySelectorAll('css路径')；【推荐学习：javascript高级教程】以上是js如何改变css显示属性值的细节。请多关注php中文网站的其他相关文章！

来源：php中文网站