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（在本例中为hidden类型）元素并与纯JavaScript进行比较：

Jquery - Create hidden form element on the fly

Answer 2

而不是使用

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

并进行多种风格操作，

一次性编写所有样式作业

main.style.cssText ='// css样式字符串

正确的纯JavaScript语法

2 个答案: