HTML DOM innerHTML 属性
最后更新于：2022-03-26 22:14:47
HTML DOM innerHTML 属性
元素对象定义和用法
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
语法
HTMLElementObject.innerHTML=text
浏览器支持
所有主要浏览器都支持 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="//docs.gechiui.com/w3school";
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>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function changeLink(){
document.getElementById(‘myAnchor’).innerHTML="RUNOOB";
document.getElementById(‘myAnchor’).href="//docs.gechiui.com/w3school";
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>