document.createElement的返回值

已于 2022-11-15 10:29:53 修改
阅读量1.9k 收藏
点赞数
分类专栏： js前端 文章标签： js
于 2015-06-01 15:43:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ling369523246/article/details/46311813
版权

console.log(typeof document.createElement); 在ie9 以下不包括ie9 返回的是 object 儿ie9 以上返回的是 function；

这样是因为：

DOM对象是宿主对象，IE 及更早版本中的宿主对象是通过COM 而非JScript 实现的。因此，document.createElement()函数确实是一个COM 对象，所以
typeof 才会返回"object"

宿主对象不是引擎的原生对象，而是由宿主框架通过某种机制注册到JavaScript引擎中的对象。

清风笑～
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java代码大全
08-22
后面还有很多很多代码…… • 事件源对象 event.srcElement.tagName event.srcElement.type • 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); • 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey • 事件返回值 event.returnValue • 鼠标位置 event.x event.y • 窗体活动元素 document.activeElement • 绑定事件 document.captureEvents(Event.KEYDOWN); • 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); • 窗体命令 document.execCommand • 窗体COOKIE document.cookie • 菜单事件 document.oncontextmenu • 创建元素 document.createElement("SPAN"); • 根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) • 窗体图片 document.images[索引] • 窗体事件绑定 document.onmousedown=scrollwindow; • 元素 document.窗体.elements[索引] • 对象绑定事件 document.all.xxx.detachEvent(‘onclick‘,a); • 插件数目 navigator.plugins • 取变量类型 typeof($js_libpath) == "undefined" • 下拉框 下拉框.options[索引] 下拉框.options.length • 查找对象 document.getElementsByName("r1"); document.getElementById(id); • 定时 timer=setInterval(‘scrollwindow()‘,delay); clearInterval(timer); 后面还有很多很多……
怎么通过onclick事件获取js函数返回值（代码少）
12-10
具体过程不做详细叙述，直接上代码： 写一个弹出框，绑定onclick事件是好像控制不了它的返回值。代码如下 function createBtn(){ for(var i = 0; i < _this.btn.length; i++){ var btn = document.createElement('span'); btn.id = 'btn_' + i; btn[removed] = _this.btn[i]; btn.style.padding = '5px 15px'; btn.style.background = '#E5E5E5'; btn.style.borderRadi
最短的[removed]地址栏载入脚本代码
12-09
不过脚本比较长的时候，需要复制密密麻麻一大段到地址栏里，显得很不美观，而且脚本修改起来也很不容易。因此一般先把脚本写在单独一个文件里，然后用[removed] 的形式动态载入脚本到页面中。不少网页插件都是用这个方法载入。 　　平时，我们用最简单的代码实现动态载入： 代码如下: [removed]var o=document.createElement(‘script’);o.src=’…’;document.body.appendChild(o);void(0) 　　当然，这对于载入插件来说足够OK了。但是不久前看到一个稍有修改的方法，让我开始琢磨这段代码究竟可以压缩到多短！
外部函数接口LibFFI.zip
07-16
“FFI” 的全名是 Foreign Function Interface，通常指的是允许以一种语言编写的代码调用另一种语言的代码。而 “Libffi” 库只提供了最底层的、与架构相关的、完整的”FFI”，因此在它之上必须有一层来负责管理两种语言之间参数的格式转换。 高级语言编译器产生代码时都会依据一系列的规则，这些规则十分必要，特别是对独立编译来说。其中之一是“调用约定” （Calling Convention），它包含了编译器关于函数入口处的函数参数、函数返回值的一系列假设。它有时也被称作“ABI”（Application Binary Interface）。调用约定（Calling Conventions）定义了程序中调用函数的方式，它决定了在函数调用的时候数据（比如说参数）在堆栈中的组织方式。 通常来说函数调用要用到的两条基本的指令：”CALL”指令和”RET”指令。”CALL”指令将当前的指令指针（这个指针指向紧接在CALL指令后面的那条指令）压入堆栈，然后执行一条无条件转移指令转移到新的代码地址。”RET”是与”CALL”指令配合使用的指令，在绝大多数函数中它是最后一条指令。”RET”指令弹出返回地址（就是早些时候”CALL”指令压入堆栈的地址）并将其加载到”EIP”寄存器中，然后从这个地址开始继续执行。 图1-1 说明调用约定”stdcall”的调用过程，调用时，最末一个参数最先压入堆栈，而由被调用函数使用RET指令清栈。RET指令带有一个操作数，该操作数指明在EIP跳回主要函数之前需要释放的堆栈空间的字节数。这就是说，stdcall调用约定中RET指令带的操作数往往就意味着函数一共传入几个参数。 图1-1 stdcall调用 标签：LibFFI 分享 window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": [], "bdPic": "", "bdStyle": "1", "bdSize": "24" }, "share": {} }; with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' ~(-new Date() / 36e5)];\r\n \r\n \r\n \r\n \r\n \u8f6f\u4ef6\u9996\u9875\r\n \u8f6f\u4ef6\u4e0b\u8f7d\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\nwindow.changyan.api.config({\r\nappid: 'cysXjLKDf', conf: 'prod_33c27aefa42004c9b2c12a759c851039' });
javascript 常用方法及技巧
11-23
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) 窗体图片 document.images[索引] 窗体事件绑定 document.onmousedown=scrollwindow; 具体的下载下看挖 ------寒冰
JavaScript DOM对象
hx_1551的博客
01-13 304
1.含义： 1) DOM ：( Document Object Model )：[ 文档对象规则 ] 辅助JavaScript脚本操作页面元素的规则 2) Node： 页面的节点、元素 3) document ：页面第一个节点 ( 根节点 ) 2.获取页面节点： 1) document.节点;//只能点body层级及以上的节点 ( html:docuemntElement) ...
Document.createElement()
热门推荐
wtianheihei的博客
11-15 1万+
Document.createElement（） 参考链接：https://developer.mozilla.org/zh-CN/docs/Web/API/Document/createElement 在 HTML 文档中，Document.createElement() 方法用于创建一个由标签名称 tagName 指定的 HTML 元素。如果用户代理无法识别 tagName，则会生成一个未知 HTML 元素 HTMLUnknownElement 语法 var element = document.c
document.createElement()用法及注意事项
06-27 186
var inputObj = document.createElement ("&lt;input type='text' size='8' style='border:0px;border-bottom:2px solid #c0c0c0;' " readonly &gt;");  但是这样的情况在ff下是不兼容的。还有就是特别注意input元素的创建：与 input 有关的元素有很多，比...
deprecated-qanimationframe:DEPRECATED 只使用 requestAnimationFrame – Promisified requestAnimationFrame with Q
06-23
用法QanimationFrame是一个函数，它接受一个函数并返回一个包含它的返回值的承诺（在一帧之后）。 QanimationFrame(f: function) => DOM.Element基本示例 var elt = document . createElement ( "div" ) ;elt . ...
js使用小技巧
07-11
创建元素 document.createElement("SPAN"); 根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms) 窗体图片 document...
精通javascript
12-05
• 11.4.htm Document对象部分属性与方法的使用 • 11.5.htm HTML文档属性属性 • 11.6.htm 同时使用name和id • 11.7.htm 事件控制器的例子 • 11.8.htm JavaScript实现...
jQuety1.3中文说明
07-15
在jQuery 中，这个语法等同于$(document.createElement("span")) 。 ________________________________________ Create DOM elements on-the-fly from the provided String of raw HTML. You can pass in plain ...
精通JavaScript
06-27
• 11.3.htm 未省略window的document.write()方法 • 11.4.htm Document对象部分属性与方法的使用 • 11.5.htm HTML文档属性属性 • 11.6.htm 同时使用name和id • 11.7....
JavaScript DOM 操作总结
stuShan
03-09 589
获取和操作dom属性和文本需要清楚的概念 元素节点 属性节点: 元素的属性, 可以直接通过属性的方式来操作. 文本节点: 是元素节点的子节点, 其内容为文本.获取属性节点:1). 可以直接通过 cityNode.id 这样的方式来获取和设置属性节点的值2). 通过元素节点的 getAttributeNode 方法来获取属性节点,然后在通过 nodeValue 来读写属性值获取元素节点的子节点(只有元
JavaScript笔记-DOM编程（二）操作DOM
m0_56195776的博客
04-21 72
操作DOM DOM的特性 element.attributes（） 返回元素的所有特性 element.getAttribute（） 返回元素指定的特性 element.setAttribute（） 设置元素指定的特性 element.removeAttribute（） 删除元素指定的特性 特性与属性的区别 理论上，特性(attribute)与属性(property)是两个不同的概念 **特性(attribute)**是DOM元素的子节点 **属性(property)**是DOM元素的特性映射到JS后对应对
document.createElement等DOM函数与属性
David
10-17 666
1、创建节点createElement()var node = document.createElement(“div”);没什么可说的，创建一个元素节点，但注意，这个节点不会被自动添加到文档（document）里。2、创建文本节点createTextNode()var value = document.createTextNode(“text”);创建一个文本节点，常用来往元素节点里添加内容，...
DOM操作
newway007的博客
03-16 144
我觉得我最薄弱的是html部分。。。有一次面试（其实也没怎么面试。。。就是卡住了让我有点愤愤不平。） 反而是大家忽视的css部分，我有段时间花了很大力气学了一下。。。 添加dom元素 var p = document.createElement("p"); //创建文本节点 var content= "第"+index+"段落"; var txt = docu...
优化这段代码： doDownloadTemplate(body: any, fileName: any) { if (body == null) { return; } const uri = 'data:text/csv;charset=utf-8,\uFEFF' + encodeURI(body.join('\n')); const downloadLink = document.createElement('a'); downloadLink.href = uri; downloadLink.download = fileName; try { document.body.appendChild(downloadLink); downloadLink.click(); } finally { document.body.removeChild(downloadLink); } }
最新发布
06-09
这段代码的目的是将一个数组转换为csv文件并下载到本地。以下是一些优化建议： 1. 使用类型注解 对于 TypeScript 项目，最好在函数的参数和返回值上使用类型注解，这有助于提高代码的可读性和可维护性。 2. 空值检查 在函数开头进行空值检查是一个好习惯，但是可以使用更简洁的方式来实现。可以使用逻辑或运算符（`||`）来提供默认值，如下所示： ```typescript function doDownloadTemplate(body: any, fileName: any): void { body = body || []; fileName = fileName || 'file.csv'; // ... } ``` 这样，如果 `body` 或 `fileName` 为 `null` 或 `undefined`，它们将被替换为一个空数组和默认文件名。 3. 使用模板字符串 使用模板字符串（`` ` ``）可以更容易地将变量插入到字符串中，而不必使用 `+` 连接运算符。例如，可以将 `uri` 变量的赋值改为以下代码： ```typescript const uri = `data:text/csv;charset=utf-8,\uFEFF${encodeURI(body.join('\n'))}`; ``` 4. 使用 remove 方法 在 try-finally 语句块中使用 `removeChild` 方法可以更简洁地从 DOM 中删除元素。这是因为 `remove` 方法可以直接在元素上调用，而不必引用其父元素。以下是一个示例： ```typescript try { document.body.appendChild(downloadLink); downloadLink.click(); } finally { downloadLink.remove(); } ``` 最终的优化代码如下： ```typescript function doDownloadTemplate(body: any[] = [], fileName: string = 'file.csv'): void { const uri = `data:text/csv;charset=utf-8,\uFEFF${encodeURI(body.join('\n'))}`; const downloadLink = document.createElement('a'); downloadLink.href = uri; downloadLink.download = fileName; try { document.body.appendChild(downloadLink); downloadLink.click(); } finally { downloadLink.remove(); } } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值