1、首先打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮：
2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示：
3、在html里为button按钮添加宇哥点击创建div的事件，完成之后代码就写好了，接下来需要看看效果：
4、保存好html文件后使用浏览器打开，此时还没有创建div：
5、最后点击button按钮，会执行脚本创建div的事件，新的div就创建好了，顺利实现了给HTML标签添加了内容。以上就是用JS给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。
其他的属性可以直接通过。
对象.属性名=‘值’。
1、首先打开hbuilder软件，新建一个html文件，里面写入一个p标签和一个按钮标签。
2、然后在p标签的下方设置一个script标签，里面写入js胆码；先获取p标签和按钮的dom对象，然后给按钮添加一个点击事件，再点击事件爱的回调中alertp标签的text属性即可。
3、最后打开浏览器，可以看到一段文字和一个按钮，点击这个按钮。
4、就可以d出内容了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）