JavaScript改变HTML的形式

 时间:2026-05-03 00:23:02

1、首先我们写出用来操作的对象,并给他设定一个属性值。

JavaScript改变HTML的形式

2、我们使用一个按钮来进行处理,我们来改变一下HTML的内容。用到的功能名称是innerHTML,我们将内容改写为 hello javascript。

JavaScript改变HTML的形式

JavaScript改变HTML的形式

JavaScript改变HTML的形式

3、接下里改变demo的字体大小。使用的功能名称是fontSize,注意这里的fontSize的S是大写的,如果输入不正确,无法实现对应的效果。

JavaScript改变HTML的形式

JavaScript改变HTML的形式

JavaScript改变HTML的形式

4、我们试着来隐藏HTML元素。这里用到的关键字是display,我们将其设置为none。

JavaScript改变HTML的形式

JavaScript改变HTML的形式

JavaScript改变HTML的形式

5、然后我们来显示刚刚隐藏的HTML元素,关键词依然是display,只不过这里让它显示为块级元素。

JavaScript改变HTML的形式

JavaScript改变HTML的形式

JavaScript改变HTML的形式

6、我们也可以来修改HTML内容的颜色,这里用到的关键字是color。我们将其设置为红色

JavaScript改变HTML的形式

JavaScript改变HTML的形式

JavaScript改变HTML的形式

  • 如何用js来修改HTML里的样式
  • layui的form怎么隐藏
  • 如何用javascript解决细胞分裂问题
  • js如何通过placeholder属性值查找输入框?
  • css设置背景不重复
  • 热门搜索
    我们这是怎么了 怎么改善肤质 红烧狗肉怎么做好吃 收到情人红包如何高情商回复 qq系统设置在哪里 五彩绳怎么编 温州周边旅游景点大全 如何查看手机型号 河北省旅游景点大全 如何节约用电