js如何向指定id的div输出内容 _html+js

在js中，使用id获得div对象，通过innerHTML向div赋值，便可以向div输出内容。下面小编举例讲解js如何向指定id的div输出内容。

文章插图

需要这些哦
html+js
代码编纂器：Dreamweaver CS5
方式/
1新建一个html文件，定名为test.html ，用于讲解js若何标的目的指定id的div输出内容。

文章插图

2在test.html文件内，利用div标签建立一个模块，下面将在此div内输出内容。

文章插图

3在test.html文件内，设置div标签的id为testid ，用于下面获得div对象。

文章插图

4在test.html文件内，利用button标签建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行outData()函数。

文章插图

5在js标签中，建立outData()函数，在函数内，利用getElementById方式，经由过程id获得div对象，再经由过程标的目的innerHTML赋值，实现标的目的div输出内容。

文章插图

6在浏览器打开test.html文件，点击按钮，查看成果。

文章插图

文章插图

总结：11、利用div标签建立一个模块，设置div标签的id为testid 。
【js如何向指定id的div输出内容】2、在js中，利用getElementById方式，经由过程id获得div对象，再经由过程标的目的innerHTML赋值，实现标的目的div输出内容。

以上内容就是js如何向指定id的div输出内容的内容啦，希望对你有所帮助哦！