欢迎访问我的的博客,网站主要用于记录学习WEB语言|CMS建站|SEO优化及日常工作常见问题总结!
您的位置:主页 > JavaScript >

javascript中innerhtml属性

语法: 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>
上一篇标题:javascript改变html样式
下一篇标题:javascript通过id获取元素

相关文章

 

文章-javascript中innerhtml属性发布日期:2021-04-01 18:03作者:admin
如需转载,请注明文章出处和来源网址:https://www.dhnblog.com/javascript/282.html