纯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。

---

像这样的东西：

输入

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

document.body.appendChild(input);

image img = document.createElement（“img”）; img.src =“logo.png”;

document.body.appendChild(img);

在这里看到现场示例：

http://jsfiddle.net/sM2Vd/

然而，我建议，学习和使用jQuery之类的东西 - 这是一个很棒的库，它使得这样的事情变得轻而易举。

看到这个SOq的一个类似的东西 - 用jQuery创建input （在这种情况下隐藏类型）元素，并与普通的JavaScript比较：

Jquery - 随时创建隐藏的表单元素

---

而不是使用

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

并做了几种风格的操作，

一次性编写所有样式分配

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

链接地址: http://www.djcxy.com/p/83497.html

上一篇: correct syntax for pure javascript

下一篇: Spring MVC bind property