1、新建一个html文件，命名为test.html。
2、在test.html文件内，创建一个div模块，并设置其id属性为mydiv，用于下面使用js获得标签对象。
3、在test.html文件内，在div标签内，填写一段文字，并加入一个span标签。
4、在test.html文件内，创建一个button按钮，按钮名称为“获取html”。
5、给button绑定onclick点击事件，当按钮被点击时，执行myfun()函数。
6、在test.html文件内，在js标签内，创建myfun（）函数，在函数内，使用getElementById（）方法获得div对象，通过innerHMTL属性获得div内的html内容，最后，使用alert方法将获得的html内容以d窗形式显示
7、在浏览器打开test.html文件，点击按钮，查看获得的html标签内容。
javascript添加html标签如下：
一、直接给javascript内容添加标签
<body>
<div id='div'></div>
</body>
<script>
var oDiv = document.getElementById('div')。
oDiv.innerHTML = '<span>11112222</span>'。
</sciprt>
二、,用javascript自带的createElement添加标签
<body> <div id='div'></div> </body> <script> var oDiv = document.getElementById('div') var oSpan = document.createElement('span') oDiv.appendChild(oSpan) </sciprt>三、注意事项
其他属性也一样 ，只不过class是js中的关键字。
对象名.class就是语法错误所以改名为className。
其他的属性可以直接通过。
对象.属性名=‘值’。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）