Question

我想document.write这段代码，但在div中：

 document.write('<img class="leaves'+i+'" src="'+rndLeaf+'" style="background-color:none;position:absolute;top:'+Ypos[i]+'px;left:'+Xpos[i]+'px;height:'+height[i]+'px;width:'+width[i]+'px;opacity:'+opacityLeaf[i]+';">');

目前，此代码将其写入body元素。

这可能吗？

Answer 1

试

$("div").append('<img class="leaves'+i+'" src="'+rndLeaf+'" style="background-color:none;position:absolute;top:'+Ypos[i]+'px;left:'+Xpos[i]+'px;height:'+height[i]+'px;width:'+width[i]+'px;opacity:'+opacityLeaf[i]+';">');

Answer 2

当您使用JQuery标记它时，您可以使用append() function：

var html = '<img class="leaves'+i+'" src="'+rndLeaf+'" style="background-color:none;position:absolute;top:'+Ypos[i]+'px;left:'+Xpos[i]+'px;height:'+height[i]+'px;width:'+width[i]+'px;opacity:'+opacityLeaf[i]+';">';

$("div").append(html);

如果您想要一个特定的div，假设id值为"myDiv"，请尝试以下操作：

$("#myDiv").append(html);

Answer 3

由于您希望使用jQuery，请使用它：$('#idOfDiv').html('Your text string');

Answer 4

您可以使用 append()

$('#yourDivId').append('<img class="leaves'+i+'" src="'+rndLeaf+'" style="background-color:none;position:absolute;top:'+Ypos[i]+'px;left:'+Xpos[i]+'px;height:'+height[i]+'px;width:'+width[i]+'px;opacity:'+opacityLeaf[i]+';">');

或纯JS使用：

var yourDiv = document.getElementById("your_div_id");
yourDiv.innerHTML += '<img class="leaves'+i+'" src="'+rndLeaf+'" style="background-color:none;position:absolute;top:'+Ypos[i]+'px;left:'+Xpos[i]+'px;height:'+height[i]+'px;width:'+width[i]+'px;opacity:'+opacityLeaf[i]+';">';

使用文档写入在div中而不是body中编写代码

4 个答案: