innerhtml怎么用(innerhtml用法)
来源:
2023-06-04 16:30:46
(资料图)
诸多的对于innerhtml怎么用,innerhtml用法这个问题都颇为感兴趣的,为大家梳理了下,一起往下看看吧。
1、创建一个新的html文件,命名为test.html,解释js中innerHTML和innerText的用法和区别。
2、在test.html文件中,使用div创建一个模块,在div中,使用p标记创建一行测试文本。
3、在test.html文件中,将div的id属性设置为myid,主要用于通过这个id获取div对象。
4、在test.html文件中,使用button标签创建一个按钮,将onclick click事件绑定到按钮,并在按钮被单击时执行myfun()函数。
5、在js标记中,创建myfun()函数,在该函数中,使用getElementById()方法通过id(myid)获取div对象。
6、在myfun()函数中,使用innerHTML属性获取div对象的内容,并使用alert()输出获取的内容。在浏览器中打开test.html文件,点击按钮,结果显示,
7、innerHTML属性获取包含p标记的文本内容。
8、在myfun()函数中,使用innerText替换innerHTML,在浏览器中打开test.html文件,然后单击按钮。因此,innerText属性只获取div对象中的文本内容。
以上就是innerhtml用法这篇文章的一些介绍,希望对大家有所帮助。
关键词: