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

如题所述

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-09-11

一般用jquery, 我是这么做

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

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

如果是添加class的话

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

大概就这样吧。


希望能帮到你

本回答被网友采纳
第2个回答  推荐于2017-09-19
用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>
第3个回答  2013-09-11
Jquery 和innerHTML都可以的
第4个回答  2013-09-11
innerHTML
或innerText属性本回答被提问者采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网