Javacript中innerHTML的简单用法

288 阅读1分钟
一、开解:

本文主要讲的是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>
---------------------
作者:my128
来源:CSDN
原文:blog.csdn.net/MY128/artic…
版权声明:本文为博主原创文章,转载请附上博文链接!