javascript中createElement的两种创建方式

更新时间：2026-03-29 00:06:23作者：zhao

本文实例讲述了javascript中createElement的两种创建方式。分享给大家供大家参考。具体实现方法如下：

<head>

<title>CreateElement的两种创建方式</title>

function CreateButton1() {

var btn = document.createElement("input");

btn.type = "button";

btn.value = "我是动态创建的1";

btn.onclick = function () {

alert(this.value);

}

document.body.appendChild(btn);

}

function CreateButton2() {

var btn = document.createElement("<input type='button' value='我是动态创建的2' "+"onclick='OnClick2(this)' />");

document.body.appendChild(btn);

}

function OnClick2(btn) {

alert(btn.value);

}

function CreateLink() {

var link = document.createElement("<a href='http://www.baidu.com'>百度</a>");

//注意这里链接的文本“百度”是不会显示出来的，

//必须设置innerText或innerHTML

link.innerText = "百度";

document.body.appendChild(link);

}

function CreateLabel() {

var lbl = document.createElement("label");

lbl.setAttribute("for", "userName");

lbl.setAttribute("myAge", "12");

//可以设置自定义标示

lbl.innerText = "用户名:";

document.body.appendChild(lbl);

}

</script>

</head>

<body>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

手游推荐