HTML标签innerHTML的使用

在HTML中有很多标签可以提供我们来设置HTML属性，其中之一就是innerHTML。它可以通过JavaScript来改变HTML元素的内容。下面以QQ注册提示为例：

1. 如果我们写好了一个用于注册的表单，一般会使用弹出框来告诉用户是否注册成功。然而，这种方式往往会让用户感到繁琐和不舒服。相比之下，使用innerHTML给用户显示一段文字，会给他们一种舒适的感觉。

2. 学习后的成品如下图所示：

3. 显示效果如下图所示：

4. 你只需要写一个简单的HTML页面，就可以实现这个功能。代码如下：

lt;htmlgt;
lt;headgt;
    lt;scriptgt;
        function inter() {
            var inter  ("inner");
            if (  "") {
                  "显示的文字";
            } else {
                  "";
            }
        }
    lt;/scriptgt;
lt;/headgt;
lt;bodygt;
    lt;input type"button" value"点击添加文字" onclick"inter()"gt;
    lt;div id"inner"gt;lt;/divgt;
lt;/bodygt;
lt;/htmlgt;

5. 点击按钮就可以添加你想要的文字。再次点击就会使文字消失。虽然文字排序可能比较乱，但以下是截图展示。请注意，我并没有将JavaScript代码分离成外部文件，主要是因为我觉得这样更加方便，哈哈，这仅供学习使用。

6. 知识的价值在于分享，让人们受益匪浅。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。