以下是一个使用JavaScript和HTML的示例代码,当点击一个按钮时,将创建一个新的div并添加内容:
HTML代码:
Create Div Example
JavaScript代码(保存在script.js文件中):
function createDiv() {
var div = document.createElement("div"); // 创建一个新的div元素
div.innerHTML = "这是新创建的div"; // 设置div的内容
var container = document.getElementById("container");
container.appendChild(div); // 将新创建的div添加到容器中
}
当点击"添加一周"按钮时,createDiv()
函数会被调用。在函数内部,首先使用document.createElement()
函数创建一个新的div元素。然后,使用innerHTML
属性设置div的内容。接下来,使用getElementById()
函数获取容器元素,并使用appendChild()
函数将新创建的div添加到容器中。
请确保将以上代码保存在正确的文件中,并确保HTML文件中正确引用了JavaScript文件()。