js怎么给标签添加内容

打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮。然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示。在html里为button按钮添加宇哥点击创建div的事件，完成之后代码就写好了，接下来需要看看效果。保存好html文件后使用浏览器打开，此时还没有创建div。最后点击button按钮，会执行脚本创建div的事件，新的div就创建好了，顺利实现了给标签添加了内容。

使用JS的document.getElementById("ID").innerHTML获取标签内容。修改的只需在后面加上"="即可。

实例演示如下：

一、HTML的DOM设计。

1、设计两个DIV，其中第一个div放入入一些文字。

2、设计css样式如下，为了区分明显，加了border。

3、此时的页面展示如下：

二、函数功能的设计和绑定。

1、设计函数，实现赋值和删除的功能。

2、然后在两个button上分别绑定函数：

三、功能演示。

1、设计完成，点击【复制内容】，此时页面展示如下：（两个div内容已相同）。

2、此时点击【删除内容】，展示如下：内容再次被删除，恢复空白。

扩展资料：

HTML DOM innerHTML 属性：

1、定义和用法：innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。

2、语法：tablerowObject.innerHTML=HTML。

html下拉框怎么用js添加新值

javascript添加一个下拉列表项的方法：创建一个新的option节点，然后添加到目标select对象中去，关键代码如下：

1、var objSelect = document.getElementById(select_id)。

2、var new_opt = new Option(objItemText, objItemValue)。

3、objSelect.options.add(new_opt)。

实例演示如下：

1、HTML结构，包括一个select项，含有三个options。另外，设置input和button,通过自由父子，实现给select增加自定义option。

此时的显示效果如下，其中option中有三项。

2、JS的函数设计如下：

现有的options如下：

3、在页面上输入新的数据，点击添加。

此时的select效果显示如下，自由添加功能实现。

---