JavaScript改变HTML的形式

 时间:2026-02-12 07:25:01

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设置背景不重复
  • 热门搜索
    海南旅游介绍 泉州旅游团 冰岛旅游价格 珠海东澳岛旅游攻略 广西旅游局 漳州旅游攻略 关于旅游的名言 中国最佳旅游城市 张家界旅游包团 武汉市旅游景点