怎么用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属性本回答被提问者采纳

怎么用JS给HTML标签添加内容
1、首先打开hbuilder软件新建一个html文件,在html页面上创建一个点击的button按钮:2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div,接着使用innerHTML对新建的div设置内容,最后把div放到body显示:3、在html里为button按钮添加宇哥点击创建div的事件,完成...

怎么用JS给一个HTML元素增加一个属性和值
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。2、在index.html中的<script>标签,输入js代码:$('#txt').val('添加值');$('#txt').attr('data','test');。3、浏览器运行index.html页面,此时input元素成功被添加了值和属性。

在js中, 怎么往span标签里放值进去?
第一种方法:输出html 1、<body onload="s()"> 2、<span id="hello"><\/span> 3、<script language="javascript">4、function s()5、{document.getElementById("hello").innerHTML = "<iframe src= height=400 width=300><\/iframe>";} 6、<\/script>第二种方法:输出文本 1、<body onlo...

请教 用JS实现往指定标记加入内容的方法
html[1].innerhtml="你要添加的html";

如何html中标签上添加点击事件?
方法一:直接在标签元素上添加 方法二:是通过js来添加 如图:介绍:HTML(Hyper Text Mark-up Language )即超文本标记语言,是 WWW 的描述语言,由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,...

html如何使用js更换标签内指定内容,不更换子标签内容
DOCTYPE HTML><html> <head> <title>Page Title<\/title> <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8" \/> <script> onload = function (){ var html = document.body.innerHTML; var reg = \/(<img(?:(?!id|>).)*)(id[\\=\\"\\'\\s]+)?

怎样在js里给html 的input标签属性class添加 一个class啊
function submitphone () { if (all == 1) { $ ("input#next1").toggleClass ('next'); } }<\/script><\/head><body><input type="button" name="next" onclick="submitphone()" id="next1" class="action-button" value="下一步" \/><\/body><\/html> ...

在html文档中嵌入JavaScript(html中嵌入html文件)
编写HTML网页,嵌入javascript程序1、步骤新建一网页文件“sample.html,用记事本或其它文本编辑软件(如UltraEdit)打开,输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串,一个按钮和一个文本框。JS代码可插入到”head标签之间。2、通过使用html标签的style属性来写。通过这种方式写的样式会覆盖掉...

想在一个div里面添加图片,用js怎么写啊?
1、新建一个HTML文件,保存为test.html,用于编写代码实现拖放功能 。2、在test.html添加一个div标签,并且给它一个id,用于下面编写样式。3、通过div的id , 给div定义CSS样式,例如,把div定义为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。4、在div的下面定义一张被拖放图片,并设置...

如何在 JS 中嵌入 HTML 代码
JS代码可插入到文档中,一般位于相关联的标签的后面。例如:我们想要实现点击“Show”按钮时弹出一个对话框,则可编辑如下的Javascript代码。其中需要在按钮标签内注册添加"onClick"事件。当用鼠标点击“Show”按钮时就会弹出窗口。在窗口中显示我们定义的文本内容“The Show Button Has Been Clicked!"。点击...

相似回答