document.createElement(documentcreateElement可以创建元素节点

http://www.itjxue.com  2023-01-28 13:20  来源:未知  点击次数: 

document.createElement和 document.createComment有什么区别呀~?

第一个是创建一个HTML元素的 如 TABLE, SELECT OPTION INPUT等等都行的

第二个是创建一个注释的,就是给HTML添加注释

给你个例子

SCRIPT

function fnCreate(){

oData.innerHTML="";

var oOption=oSel.options[oSel.selectedIndex];

if(oOption.text.length0){

var aElement=document.createElement(oOption.text);

eval("aElement." + oOption.value + "='" + oText.value + "'");

if(oOption.text=="A"){

aElement.href="javascript:alert('A link.')";

}

}

oData.appendChild(aElement);

}

/SCRIPT

SELECT ID="oSel" onchange="fnCreate()"

OPTION VALUE="innerText"A

OPTION VALUE="value"INPUT TYPE="button"

/SELECT

SELECT ID=oText onchange="fnCreate()"

OPTION

OPTION VALUE="Text"Text

OPTION VALUE="More and More Text"More and More Text

/SELECT

SPAN ID="oData" /SPAN

document.createElement()的参数到底是什么,chrome和IE下面有什么区别

document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。

chrome和IE下面没有什么区别,如果有区别就是你写的代码有问题。

例如:

div id="board"/div

script type="text/javascript"

??????????? var board = document.getElementById("board");

??????????? var e =document.createElement("input");

?????????? e.type = "button";

??????????? e.value = "这是测试加载的小例子";

??????????? var object = board.appendChild(e);

/script

怎么清除用document.createElement("a")创建的节点

可以通过记录变量或为新增的节点添加id、class等标识的方法删除节点。

方法一:

使用变量记录

var newLink = document.createElement('a');

document.appendChild(newLink);//将a追加到页面上

document.removeChild(newLink);//将a从页面上删除

方法二:

为节点添加id

var newLink = document.createElement('a');

a.id = 'new-link';

document.appendChild(newLink);

document.removeChild(document.getElementById('new-link'));

注意,如果追加到其他元素中,删除新建节点时需要删除指定元素下的节点

document.createElement设置contenttype为json

在 HTML 文档中,Document.createElement() 方法用于创建一个由标签名称 tagName 指定的 HTML 元素。如果用户代理无法识别 tagName,则会生成一个未知 HTML 元素 HTMLUnknownElementar element = document.createElement(tagName[, options]);

数tagNam定要创建元素类型的字符串,创建元素时的 nodeName 使用 tagName 的值为初始化,该方法不允许使用限定名称(如:“html:a”),在 HTML 文档上调用 createElement() 方法创建元素之前会将tagName 转化成小写,在 Firefox、Opera 和 Chrome 内核中,createElement(null) 等同于 createElement(“null”)options可选一个可选的参数 ElementCreationOptions 是包含一个属性名为 is 的对象,该对象的值是用 customElements.define() 方法定义过的一个自定义元素的标签名。为了向前兼容较老版本的 Custom Elements specification, 有一些浏览器会允许你传一个值为自定义元素的标签名的字符串作为该参数的值。可以参考本页下方的 Web component example Google 的 Extending native HTML elements 文档仔细了解如何使用该参数。回值建的元素(Elemen

(责任编辑:IT教学网)

更多

相关其他营销文章

推荐其他营销文章