innerhtml php变量,JavaScript中innerHTML怎么使用

innerHTML属性允许更改html元素的内容,可以设置或返回表格行的开始和结束标签之间的HTML,本篇文章就来给大家介绍关于innerHTML的用法,下面我们来看具体内容。

8a6fc80b9f551dc738694935272bc2c8.png

innerHTML的写法

对于element,设置innerHTML指定的元素名称。element.innerHTML;

将指定元素的html代码分配给变量

通过如下编写,我们将指定element的html代码分配给变量sample1var sample1 = element.innerHTML;

用指定元素替换变量的值

通过如下编写,可以在删除element元素的内容之后在element元素上显示变量sample2的内容。element.innerHTML = sample2;

清空指定的元素

可以通过指定“”来清空element元素的内容。element.innerHTML = “”;

下面我们来看innerHTML使用的具体示例

基本代码如下

文字内容1

文字内容2

---------------------

运行结果如下

e22a02c4c35d12d62b38f0a889b69b99.png

我们下面来看使用innerHTML属性的结果

innerHTMLtxt.innerHTML="php中文网!";

运行结果如下

07a5f72c0a8ad4b10337d141c9b710b3.png

接着我们来看使用innerHTML来清空元素的代码

txt.innerHTML="";

运行结果如下

bdb2a87aee0104dee9a7b27c083b76a7.png

本篇文章到这里就全部结束了,更多精彩内容大家可以关注php中文网的相关栏目!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值