Javacript中innerHTML的简单用法[0305]
一、开解:
本文主要讲的是innerHTML用法,innerHTML方法是双向的,它的作用是取得元素内的html内容,同时它又可以往元素内添加html内容。
document.querySelector('.dhz').innerHTML;
document.querySelector('.dhz').innerHTML = '<div>我是盒子2</div>';
注解:第一句是取得class为dhz的元素里的html内容。
第二句是往class为dhz的元素里面添加html内容。
二、实例:
<body>
<divclass="dhz">
<div>我是盒子1</div>
</div>
</body>
<script>
vargethtml = document.querySelector('.dhz').innerHTML;
alert(gethtml);
document.querySelector('.dhz').innerHTML = '<p>我是盒子2</p>';
</script>
注解:运行之后会弹出提示窗口,而后class为dhz的元素里面内容变成了
<p>我是盒子2</p>
三、总结:
innerHTML是一种取得html的方法,同时它也可以添加html。
四、关注:
更多内容请关注我们的公众号: