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

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！