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

关键词:

你可能会喜欢: