位置:首页 > 软件操作教程 > 编程开发 > JavaScript > 问题详情

JavaScript 创建元素

提问人:刘团圆发布时间:2020-11-26

■知识点

使用document对象的createElement()方法能够根据参数指定的标签名称创建一个新的元素,并返回新建元素的引用。其用法如下:

    var element = document.createElement     ("tigName");

其中,参数element表示新建元素的引用,createElement()是document对象的一个方法,该方法只有一个参数,用来指定创建元素的标签名称。

■实例设计

【示例1】下面的代码在当前文档中创建了一个段落标记P,存储到变量p中。由于该变量表示一个元素节点,所以它的nodeType属性值等于1,而nodeName属性值等于p。

var p = document.createElement("p");              //创建段落元素

var info = "nodeName: " + p.nodeName;      //获取吞素名称

info += ", nodeType: " + p.nodeType;             //获取元素类型,如果为1则表示元素节点

console.log(info);

使用createElement()方法创建的新元素不会被自动添加到文档中。如果要把这个元素添加到文档中,还需要使用appendChild()、insertBefore()或 replaceChild()方法来实现。

【示例2】下面的代码演示了如何把新创建的p元素增加到body元素下。当元素被添加到文档树中,就会立即显示出来。

var p = document.createElement ("p");             //创建段落元素

document.body.appendChild(p);                    //増加段落元素到 body 元素下

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部