一、直接给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文件，在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标签添加内容的 *** 作：
准备的材料有：计算机、浏览器、html编辑器。
一、首先，打开html编辑器，创建一个新的html文件，比如index.html，并编写问题的基本代码。
二、在index.html中的<body>标签中，输入html代码：
var a = ['Alice', 'Bob']
for (var i = 0i <a.lengthi++) {
$('ul').append('<li>' + a[i] + '</li>')
}
三、浏览器运行index.html页面，并将<li>标记for到<ul>标记以获取信息。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）