怎么用JS给HTML标签添加内容
6个回答
展开全部
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标签添加内容的操作：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一般用jquery， 我是这么做
下面这个html5 类的，用的data 属性。
$('.class').attr('data-xxx');如果是添加class的话
$('.class').addClass('yourclass');大概就这样吧。
希望能帮到你
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用JS给HTML标签添加内容，首先我们需要做的就是获取到要添加的元素，一般是通过给这个元素一个id，然后在通过document来获取，然后在使用innerHTML添加这个元素的内容就行可以了。
<html>
<head>
<script>
function insert(){
var insertText = "<table><tr><td>any thing</td></tr></table>";
document.getElementById("insert").innerHTML(insertText);
}
</script>
</head>
<body>
<button onclick="insert()">Insert</button>
<div id="insert"></div>
</body>
</html>
<html>
<head>
<script>
function insert(){
var insertText = "<table><tr><td>any thing</td></tr></table>";
document.getElementById("insert").innerHTML(insertText);
}
</script>
</head>
<body>
<button onclick="insert()">Insert</button>
<div id="insert"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Jquery 和innerHTML都可以的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
innerHTML
或innerText属性
或innerText属性
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
