innerhtml怎么用（innerhtml用法）

(资料图)

诸多的对于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用法这篇文章的一些介绍，希望对大家有所帮助。

关键词：