借助JQuery更简单实现，这里是一个用原生javascript实现的示例：
坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观，专业网站建设服务10余年为成都封阳台小微创业公司专业提供成都定制网页设计营销网站建设商城网站建设手机网站建设小程序网站建设网站改版，从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。
html
head
title/title
script type="text/javascript"
function addButton(){
var html ="input type=\"button\" value=\"新加\" onclick=\"newButton();\"";
document.getElementById("add").innerHTML=html;
}
function newButton(){
alert("我是新加的按钮");
}
/script
/head
body
div
p点击该按钮增加一个新按钮/p
input type="button" value="点击增加" onclick="addButton();"
p新增的按钮在这显示/p
div id="add"/div
/div
/body
/html
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
是想在js里动态添加吗？ 一般有两种方式：
1。加载时就有该按钮，但是设置不显示，需要时再显示该按钮
2。往指定的区域添加按钮
第2种如果是借助JQuery更简单实现，这里是一个用原生js实现的示例：
html
head
title/title
script type="text/javascript"
function addButton(){
var html ="input type=\"button\" value=\"新加\" onclick=\"newButton();\"";
document.getElementById("add").innerHTML=html;
}
function newButton(){
alert("我是新加的按钮");
}
/script
/head
body
div
p点击该按钮增加一个新按钮/p
input type="button" value="点击增加" onclick="addButton();"
p新增的按钮在这显示/p
div id="add"/div
/div
/body
/html
1、点击javascript添加自动回复功能规则，则可以最多设置200个规则，每个规则最多可设置10个关键词和5条回复，每条回复内容需在300字以内，而且关键字不可重复。
2、点击添加规则后，关键词的回复可在“精准匹配”和“模糊匹配”中选择，“精准匹配”则表示私信内容需与关键词完全相同才能触发自动回复；“模糊匹配”则私信内容只需包含关键词即可触发自动回复，但包含的关键词需完整、准确，否则将不会触发自动回复。且现在系统仅支持文本回复，即文字，不支持图片、音频、视频、超链接等消息类型。
3、可点击选择是否全部回复，如果勾选了全部回复，则系统默认为该规则内的所有回复，如果没有勾选，则随机回复其中一条。规则名、关键字、回复信息全部设置完成后进行保存，后期可做修改。
4、以上即可让javascript实现聊天工具添加自动回复功能。
前面说过为HTML元素添加自定义的属性，是通过手动在HTML控件中加上，其实可以在javascript中动态添加：如有一文本框：
复制代码
代码如下:
input
type="text"
id="txtInput"
name="txtInput"
value="自定义文本"
如想增加idvalue属性(值为”自定义值”)，可以在javascript中这样写:
复制代码
代码如下:
var
txt
=
document.getElementById("txtInput");
txt.setAttribute("idvalue","自定义值");
setAttribute中第一个参数是指明自定义属性的名称，第二个参数是初始值
代码如下:
复制代码
代码如下:
html
head
title用javascript添加控件自定义属性/title
script
language="javascript"
function
addCustomAttribute()
{
var
txt
=
document.getElementById("txtInput");
txt.setAttribute("idvalue","自定义值");
}
function
showIdValue()
{
var
txt
=
document.getElementById("txtInput");
alert(txt.attributes["idvalue"].nodeValue);
}
/script
/head
body
onload="addCustomAttribute();"
input
type="text"
id="txtInput"
name="txtInput"
value="自定义文本"
input
type="button"
value="显示idValue"
onclick="showIdValue();"
/body
/html
javascript添加html标签如下：
一、直接给javascript内容添加标签
body
div id='div'/div
/body
script
var oDiv = document.getElementById('div')。
oDiv.innerHTML = 'span11112222/span'。
/sciprt
二、,用javascript自带的createElement添加标签
body
div id='div'/div
/body
script
var oDiv = document.getElementById('div')
var oSpan = document.createElement('span')
oDiv.appendChild(oSpan)
/sciprt
三、注意事项
其他属性也一样 ，只不过class是js中的关键字。
对象名.class就是语法错误所以改名为className。
其他的属性可以直接通过。
对象.属性名=‘值’。
javascript添加与前div相同的内容并且放在前div的后面的完整解决方法是：创建元素、插入元素完成要求。
完整处理代码是：
div id=”divs”。
div id=”div1″div1/div。
div id=”div2″div2/div。
/div。
script。
var oDivs=document.getElementById(‘divs’)。
var oDiv2=document.getElementById(‘div2′); //获取到div2，因为等下要把创建的div插入到div2前面。
var oDiv3=document.createElement(‘div’); //创建一个div元素。
oDiv3.id=’div3′; //id样式可以先在样式表中写好，然后赋值一个id给创建出来的div元素。
oDiv3.innerHTML=’span这是被创建出来的div3/span’; //给创建出来的div添加内容，内容中可以有html标签嵌套。
oDivs.insertBefore(oDiv3,oDiv2); //在大的div元素下插入创建出来的元素，第一个参数是创建的div，第二个参数是要插入到哪个div前面。
oDivs.insertBefore(oDiv3,oDiv2.nextSibling); //在大的div元素下插入创建出来的元素，第一个参数是创建的div，第二个参数是要插入到哪个div后面。
javascript在指定的元素前或后插入新元素的方法是：
insertBefore()方法,可以实现把一个新元素插入到现在元素的前面，与现有元素形成兄弟关系。
1、新元素，你想插入的新元素（newElement）。
2、目标元素，你想把新元素插入到哪个元素的前面（targetELement）。
3、父元素，目标元素的父元素（parentElement）。
语法是：parentElement.insertBefore(newElement,targetElement)。