JavaScript如何更换html代码

lxf2023-03-18 13:55:01

更换html代码方式:1、应用“document.getElementById("id值")”句子依据id值获得特定html编码目标;2、应用“HTML原素编码目标.innerHTML="更换后编码"”句子更换指定html编码。

JavaScript如何更换html代码

实例教程作业环境:windows10系统软件、javascript1.8.5版、Dell G3计算机。

JavaScript如何更换html编码

在js中,能通过innerHTML特性来调节html编码。下边举例说明解读js如何替换div里的html。

实例如下所示:

1、新创建一个html文档,被命名为test.html,用以解读js如何替换div里的html。创建一个div,并设置div的id特性为mydiv,主要运用于下边应用js获得div目标。在div标识内,应用span标签建立一段文字具体内容。

应用button标识创建一个按键,按键名称是“更换”。给button按键关联onclick点击事情,当按键被点一下时,实行tihuan()函数公式。

JavaScript如何更换html代码

2、在test.html文档内,在js标识内,建立tihuan()函数公式,在变量内,应用getElementById()方式得到div目标。在tihuan()函数公式内,应用innerHTML特性来更换div目标里边的html具体内容,比如,换成红色的“简单”文本。

JavaScript如何更换html代码

浏览器打开test.html文档,点击图标,查询替换成div里的html具体内容。

JavaScript如何更换html代码

点击图标后:

JavaScript如何更换html代码

【相关信息:javascript学习教程

以上就是关于JavaScript如何更换html代码的具体内容,大量欢迎关注AdminJS其他类似文章!