怎么用JS给HTML标签添加内容

 我来答
飞喵某
高粉答主

2019-05-27 · 说的都是干货,快来关注
知道答主
回答量:631
采纳率:0%
帮助的人:28.9万
展开全部

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标签添加内容的操作:

deerta
2013-09-11 · TA获得超过1025个赞
知道小有建树答主
回答量:226
采纳率:50%
帮助的人:195万
展开全部

一般用jquery, 我是这么做

下面这个html5 类的,用的data 属性。

$('.class').attr('data-xxx');

如果是添加class的话

$('.class').addClass('yourclass');

大概就这样吧。


希望能帮到你

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
回忆526
推荐于2017-09-19 · TA获得超过4165个赞
知道大有可为答主
回答量:3276
采纳率:87%
帮助的人:1880万
展开全部
用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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
wanglu0048
2013-09-11
知道答主
回答量:4
采纳率:0%
帮助的人:5696
展开全部
Jquery 和innerHTML都可以的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
图辕貅
2013-09-11
知道答主
回答量:25
采纳率:0%
帮助的人:18.7万
展开全部
innerHTML
或innerText属性
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式