TUTORIAL前端与浏览器FETCHED

HTML DOM innerHTML 属性

HTML DOM innerHTML 属性 元素对象 定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。 语法 HTMLElementObject.innerHTML=text 浏览器支持 所有主要浏览器都支持 innerHTML 属性 实例 实例 改变文本, URL, 及链接目标: [mycode3 type='html'] 菜鸟教程(runoob...

更新于 2026/7/16

教程详情页默认 noindex。

HTML DOM innerHTML 属性

元素对象参考手册 元素对象


定义和用法

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

语法

HTMLElementObject.innerHTML=text


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 innerHTML 属性


实例

实例

改变文本, URL, 及链接目标:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function changeLink(){ document.getElementById('myAnchor').innerHTML="RUNOOB"; document.getElementById('myAnchor').href="//www.runoob.com"; document.getElementById('myAnchor').target="_blank"; } </script> </head> <body> <a id="myAnchor" href="//www.microsoft.com">Microsoft</a> <input type="button" onclick="changeLink()" value="修改链接"> </body> </html>

尝试一下 »


元素对象参考手册 元素对象