20. Element innerHTML 属性

最新推荐文章于 2023-12-31 13:37:47 发布

enlyhua

最新推荐文章于 2023-12-31 13:37:47 发布

阅读量823

点赞数

文章标签： html

本文提供了一个HTML实例，展示了如何通过JavaScript修改页面元素的innerHTML属性，实现文本、URL和目标窗口的动态调整，以演示HTML内联编辑的基本应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义和用法

innerHTML 属性设置或返回元素的 inner HTML。
语法

HTMLElementObject.innerHTML=text

实例

改变链接的文本、URL 和 target：

<html>
 <head>
 <script>
 function changeLink()
 {
 document.getElementById('myAnchor').innerHTML="W3Schools";
 document.getElementById('myAnchor').href="http://www.w3schools.com";
 document.getElementById('myAnchor').target="_blank";
 }
 </script>
 </head>
 <body>

 <a id="myAnchor" href="http://www.microsoft.com">Microsoft</a>
 <input type="button" onclick="changeLink()" value="Change link">

 </body>
</html>