js显示和隐藏div如何修改

JavaScript09

js显示和隐藏div如何修改,第1张

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('button').click(function(){$('#123').css('display','block')})。

3、浏览器运行index.html页面，此时点击btn按钮后，div的内容成功被显示了出来。

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用div标签创建一个模块，在div内，使用p标签创建两行文字，用于测试。

3、在test.html文件内，设置div标签的id为mytest，主要用于下面通过该id获得div对象。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“删除div里的内容”。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行delcon（）函数。

6、在js标签中，创建delcon()函数，在函数内，通过getElementById（）方法利用id（mytest）获得div对象，通过将对象的innerHTML设置为空，实现删除div里的内容，但不删除div本身。

1、新建一个html文件，命名为test.html。

2、在test.html文件内，创建一个div模块，设置其class属性为bg，id属性为mydiv，用于下面设置css样式和获取div对象。

3、在test.html文件内，使用css设置div的样式，设置其宽度为500px，高度为272px，背景图片为2.jpg。

4、在test.html文件内，在div的下面创建一个button按钮，按钮名称为“更换背景颜色”。

5、给button按钮绑定onclick点击事件，当按钮被点击时，执行myfun()函数。

6、在test.html文件内，在js标签内，创建myfun()函数，在函数内，使用getElementById()方法通过id获得div对象，设置对象中的backgroundImage背景属性为另一张图片，从而实现改变div的背景图片。就完成了，运行就可以了。