JavaScript innerHTML

JavaScript innerHTML教程

在 JavaScript 中 innerHTML 属性用于设置或返回表格行的开始和结束标签之间的 HTML。

innerHTML方法详解

定义

innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。

语法

tablerowObject.innerHTML=HTML;

参数

参数	说明
HTML	需要输出的文本。

案例

JavaScript innerHTML输出文本

使用 JavaScript 的 innerHTML 输出文本

<!DOCTYPE html>
<html>
    <head>
        <title>使用 JavaScript 的 innerHTML 输出文本</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            function changeLink(){
                document.getElementById('hai').innerHTML="嗨客网(www.haicoder.net)";
            }
        </script>
    </head>
    <body>
        <a id="hai" href="www.haicoder.net">嗨客网</a>
        <input type="button" onclick="changeLink()" value="修改链接">
    </body>
</html>

程序运行后，控制台输出如下：

64_javascript innerHTML.png

此时，我们点击按钮，浏览器输出如下：

65_javascript innerHTML.png

我们看到，我们点击按钮之后，超链接标签的文本变化了，因为，我们在点击按钮时，触发了我们定义的 changeLink 方法。

在 changeLink 方法里，我们通过 innerHTML 属性修改了超链接的文本。

JavaScript innerHTML教程总结

在 JavaScript 中 innerHTML 属性用于设置或返回表格行的开始和结束标签之间的 HTML。innerHTML 方法语法：

tablerowObject.innerHTML=HTML;