當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

document的createElement方法创建具有指定标签的DOM对象

發布時間：2025/5/22 编程问答 21 豆豆

生活随笔收集整理的這篇文章主要介紹了 document的createElement方法创建具有指定标签的DOM对象小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

可以使用document的createElement方法創建具有指定標簽的DOM對象，然后通過調用元素的appentChild的方法將新創建的元素添加到相對應的元素下
<script type="text/javascript">
function showit(){
?var divMain = document.getElementById("divMain"); //獲得要添加元素的ID
?var btn = document.createElement("input"); //要添加動態創建的元素
?btn.type= "button";?? //要創建的元素的類型
?btn.value = "我是動態創建的1"; //要創建的元素的值
?divMain.appendChild(btn);? //把動態創建的元素添加到指定標簽中
?
}?
</script>

HTML代碼為
<div id ="divMain"></div>
<input type="button" value="OK" onclick = "showit()" />

---------------------以下為完整代碼----------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>演示文檔</title>
<script type="text/javascript">
function showit(){
?var divMain = document.getElementById("divMain");
?var btn = document.createElement("input");
?btn.type= "button";
?btn.value = "我是動態創建的1";
?divMain.appendChild(btn);
?
}
</script>
</head>
<body>

總結

以上是生活随笔為你收集整理的document的createElement方法创建具有指定标签的DOM对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。