var newDiv = document.createElement("div");var newDiv_1 = document.createElement("div");怎么设置盒子的onclick属性
时间: 2024-05-16 18:12:21 浏览: 4
你可以使用 `addEventListener` 方法为 `newDiv` 和 `newDiv_1` 元素添加 `click` 事件监听器,例如:
```
newDiv.addEventListener("click", function() {
// 点击 newDiv 时触发的代码
});
newDiv_1.addEventListener("click", function() {
// 点击 newDiv_1 时触发的代码
});
```
或者你也可以直接在 `newDiv` 和 `newDiv_1` 元素的 HTML 标签中添加 `onclick` 属性,例如:
```
newDiv.onclick = function() {
// 点击 newDiv 时触发的代码
};
newDiv_1.onclick = function() {
// 点击 newDiv_1 时触发的代码
};
```
相关问题
var newDiv = document.createElement("div");//定义一个大盒子类型标签 var newDiv_1 = document.createElement("div");//定义小盒子的类型标签
这段代码是用 JavaScript 创建了两个 HTML 元素,一个是大盒子类型的 div 元素,另一个是小盒子类型的 div 元素。可以通过以下方式设置它们的属性:
```
newDiv.setAttribute("class", "big-box");//设置大盒子的 class 属性为 "big-box"
newDiv_1.setAttribute("class", "small-box");//设置小盒子的 class 属性为 "small-box"
```
然后可以将小盒子放到大盒子里面:
```
newDiv.appendChild(newDiv_1);//将小盒子添加到大盒子中
```
最后,将大盒子添加到文档中:
```
document.body.appendChild(newDiv);//将大盒子添加到文档的 body 元素中
```
function appendP(text){ var textArea=document.querySelector(".textArea"); var newP=document.createElement("p"); newP.textContent=text; textArea.appendChild(getDate()+newP); } function getDate(){ var currentDate=new Date(); var hours=currentDate.getHours(); var minutes = currentDate.getMinutes(); var seconds = currentDate.getSeconds(); var milliseconds = currentDate.getMilliseconds(); var retur=hours+":"+minutes+":"+seconds; return retur; }这段代码为什么实现不了在添加的p内容前面加上时间
这段代码没有把时间和新创建的p元素一起添加到textArea中。可以将getDate()函数返回的时间字符串和newP元素放在一个div中,然后将这个div添加到textArea中,像这样:
```
function appendP(text){
var textArea=document.querySelector(".textArea");
var newDiv=document.createElement("div");
var timeSpan=document.createElement("span");
var newP=document.createElement("p");
timeSpan.textContent=getDate();
newP.textContent=text;
newDiv.appendChild(timeSpan);
newDiv.appendChild(newP);
textArea.appendChild(newDiv);
}
function getDate(){
var currentDate=new Date();
var hours=currentDate.getHours();
var minutes = currentDate.getMinutes();
var seconds = currentDate.getSeconds();
var retur=hours+":"+minutes+":"+seconds;
return retur;
}
```
这样就能够在添加的p内容前面加上时间了。