纯javascript的正确语法

我有以下代码：

function render(str)
{
    var main = document.createElement('div');
    with(main.style)
    {
          //style stuff here
    }

    main.appendChild(document.createTextNode(str));
    document.body.appendChild(main);

    setTimeout(function(){
        try{
            document.body.removeChild(main);
        }   catch(error){}
    },5000);
}

这将在div中呈现消息，然后在5秒后隐藏

如何将输入文本和图像添加到此表单？因为我不确定如何使用纯JS。

类似这样的东西：

输入

形象 img=document.createElement（“img”）； img.src=“logo.png”

请参见此处的实时示例：

然而，我建议，学习和使用类似的东西——这是一个伟大的图书馆，让这类事情变得轻而易举

有关类似的内容，请参见本SOq—使用jQuery创建

input

（在本例中键入hidden）元素，并与普通JavaScript进行比较：

而不是使用

with(main.style)
    {
          //style stuff here
    }

并且做了一些风格的操作
一次完成所有的风格分配

---

main.style.cssText='//css-style-string here
我可以使用jQuery，但纯JS是我的下一步：）代码可以工作，但我需要将之前创建的div放入其中，有什么想法吗？当然-只需附加到

main

而不是

document.body

，这是一个更新的JSFIDLE：它工作起来很有魅力。谢谢你的时间，继续摇滚！我建议您删除关于jQuery的评论。OP显然是一个jQuery程序员，他在问如何在没有jQuery的情况下进行编程，因为他从来没有在没有jQuery的情况下进行编程。您的代码已经展示了如何进行编程，从某种意义上说，添加输入与添加div的方式相同（并且您已经添加了div）。

document.body.appendChild(img);

with(main.style)
    {
          //style stuff here
    }