通过ID获取div元素,利用innerHTML属性为其赋值,即可实现内容输出。接下来用实例进行详细说明。
1、 创建一个名为test.html的文件,演示JavaScript如何向指定ID的div元素输出内容。
2、 在test.html中用div标签建立一个模块,后续内容将在此区域显示。
3、 在test.html中,为div标签设置id属性值为testid,以便后续获取该元素对象。
4、 在test.html中,通过button标签创建按钮,并为其添加onclick点击事件,当用户点击该按钮时,将触发并执行outData()函数。
5、 在JavaScript代码中定义一个名为outData的函数,通过getElementById方法根据元素ID获取目标div对象,并利用innerHTML属性为其赋值,从而实现将指定内容动态写入该div元素中。
6、 用浏览器打开test.html,点击按钮即可查看运行结果。
7、 创建一个div模块,并为其设置id属性值为testid。
8、 在JavaScript中,可通过getElementById方法根据ID获取div元素,然后为其innerHTML属性赋值,从而实现向该div输出指定内容。
