javascript - 纯 javascript 的正确语法

Question

我有这个代码:

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。

Answer 1

像这样:

输入

var input = document.createElement("input");
input.type = "text";
input.name = "person";

document.body.appendChild(input);

图像 img = document.createElement("img"); img.src = "logo.png";

document.body.appendChild(img);

在此处查看实例:

• > http://jsfiddle.net/sM2Vd/

不过，我建议学习和使用类似 jQuery 的东西- 这是一个很棒的图书馆，让这样的事情变得轻而易举。

请参阅此 SOq 了解类似的内容 - 使用 jQuery 创建 input(在本例中为隐藏类型)元素并与纯 JavaScript 进行比较:

• > Jquery - Create hidden form element on the fly