正文

javascript中innerhtml属性

︶ㄣ米米素材网 メ
米米素材网V管理员 / 阅读
0615

语法: Object.innerHTML

注意:

  1. Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
  2. 注意书写，innerHTML区分大小写。

我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容，代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="con">今天星期六</p>
<script type="text/javascript">
var mycon=document.getElementById('con');
document.write('p标签原始内容:'+mycon.innerHTML+'<br/>');//输入元素内容
mycon.innerHTML='明天星期天';//修改P元素内容
document.write('修改P元素后的内容'+mycon.innerHTML)
</script>
</body>
</html>