javascript中document.appendChild和document.body.appendChild的问题

最新推荐文章于 2023-02-13 16:48:41 发布
转载 最新推荐文章于 2023-02-13 16:48:41 发布 · 2.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/huaan011/p/5526906.html
文章标签：

#javascript #runtime #ViewUI

本文探讨了在Internet Explorer 7与Internet Explorer 11浏览器中使用appendChild方法的不同行为。在IE7中，可以将div元素直接添加到document对象下而不报错，但在IE11中这样做会导致错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在IE7中

var conentDiv = document.createElement("div");

 document .body .appendChild(conentDiv);

 document .appendChild(conentDiv);

都不会报错，但是在IE11中

 document .appendChild(conentDiv);会报错：javascript runtime error:HierarchyRequestError

 

由于 div是document .body的子元素，而不是 document的子元素。

转载于:https://www.cnblogs.com/huaan011/p/5526906.html

uni-app - 在纯 JS 文件中调用自定义弹框组件 / 封装全局 API 调用弹框组件（解决小程序、APP 无法使用 document.body.appendChild 插入组件节点）适配全端
资深程序员
08-05 1万+
uni-app-在纯JS文件中调用自定义弹框组件/封装全局API调用弹框组件（解决小程序、APP无法使用document.body.appendChild插入组件节点）适配全端，uni-appappendChild怎么向小程序中插入节点，如何开发类似uni.showModal全局组件。h5端可以通过document.body.appendChild挂载，请问app跟微信小程序怎么弄，请问uniapp如何封装全局api调用弹窗组件？uniapp怎么设置所有页面共用的组件Uni
[JavaScript]:document.body.appendChild()的运用
SUZEHUI9636的博客
01-23 2973
属性，配置下载链接的地址。
document.body.appendChild 的问题
weixin_30852451的博客
12-19 3035
IE只有页面完全读取结束body元素才会存在，所以在页面中插入上面这条语句在IE下就会出现错误，而FF下的实现机制是当页面还没有完全读取完时body元素就已经存在了。因此firefox下面正常，而ie下就有问题。 解决方法： 1.使用window.onload方法2.把document.body.appendChild 语句放在body后面3.用setTimeout延迟document.bo...
代码调用document.body.appendChild导致IE已终止操作的问题
04-27 1332
新手发帖，很多方面都是刚入门，有错误的地方请大家见谅，欢迎批评指正     IE在文档未载加实现时调用document.body.appendChild就会出这个题问，即body标签还没有剖析毕完并闭合时调用appendChild。处理方法很简单，改成insertBefore。代码如下： if(document.body && document.body.firstChild){
document.body.appendChild
weixin_30314813的博客
09-28 1861
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>一个流行的弹出层的效果</title></head><script>var docEle = function() {return doc...
操作DOM节点：document.createElement、appendChild、insertBefore、removeChild、replaceChild、cloneNode（）
YY的博客
10-20 3720
增删改查DOM节点：document.createElement、appendChild、insertBefore、removeChild、replaceChild、cloneNode（）
Javascript中document.referrer隐藏来源的方法
10-20
document.body.appendChild(iframe); </body> ``` 在上述代码中，我们创建了一个iframe元素，并且通过设置iframe的src属性为一段特殊的代码来隐藏document.referrer。这段特殊代码将iframe的内容写入到页面中，...
TypeError: document.body.appendChild is not a function
最新发布
06-17
我们正在解决一个JavaScript错误：TypeError:document.body.appendChildisnotafunction。这个错误通常发生在尝试调用`appendChild`方法时，但调用对象并不是一个有效的DOM节点。可能的原因有：1.`document.body`可能...
document.body.appendchild
03-17
`document.body.appendChild()` 是 JavaScript 中 DOM 操作的一个方法，它可以向 HTML 文档中的 body 元素中添加新的子节点。使用方法为： ``` document.body.appendChild(node); ``` 其中，`node` 是要添加的新节点...
document.body.appendChild引起的【InternetExplorer无法打开Internet站点】
shshy39的博客
10-09 648
“InternetExplorer无法打开Internet站点……已终止操作”是由document.body.appendChild引起的，document.body.appendChild本身来说这句代码是没有任何问题的，怪就怪在我加js的地方，因为页面在加载的时候就要执行js代码，所以我直接把js放在了页面里面，而且并没有放在window.onload的事件里。我不得不承认让js在win...
JavaScript基础：动态操作元素（createElement、appendChild、insertBefore、removeChild等方法的应用）
Alley_Olive的专栏
07-07 3239
JavaScript基础：动态操作元素（方法：createElement、appendChild、insertBefore、removeChild，属性：firstChild、lastChild、childNodes）
document.body.appendChild(div);的用法
热门推荐
anmoyyh的博客
08-16 6万+
document.body,createElement(nodeName)document.body.createTextNode(txt)配合使用的,作用是将指定的DOM类型的节点加到document.body的末尾.例如://创建textNodevar txt=document.body.createTextNode("asdf");//创建objectNodevar p=document.b
Document动态添加与删除HTML节点：createElement()、appendChild()、removeChild()函数
pan_junbiao的博客
07-07 1万+
1、函数语法 createElement(name)：方法可创建元素节点，此方法可返回一个 Element 对象。 appendChild(node)：方法在指定元素节点的最后一个子节点之后添加节点，该方法返回新的子节点。 removeChild(node)：方法可从子节点列表中删除某个节点。 elementNode.childNodes：属性返回包含被选节点的子节点的 NodeList。...
关于document.body.appendChild在ie中的问题.
weixin_30538029的博客
09-02 938
在整理一个页面的时候,决定用同一个外链文件来调用js,用了一个函数:function downloadJS(url){var elem = document.createElement("script");elem.type="text/javascript";elem.src=url;document...
document.appendChild(form)与document.body.appendChild(form)的区别
iteye_20525的博客
06-30 1178
如题，他们之间有区别吗？ 感觉上只有，他们添加的位置不同。 [b]困惑1[/b] document.body.appendChild(form)是在body节点后添加元素。 document.appendChild(form)是在...where? [b]困惑2[/b] 在做一个项目时，遇到一个很奇怪的问题，在JQuery.ajax的errorfunction中 要求...
【JavaScript】——DOM操作中appendChild()、createElement()、createTextNode()、setAttribute()、getAttribute()用法
qq_50497708的博客
11-21 1533
【JavaScript】——DOM操作中appendChild()、createElement()、createTextNode()、setAttribute()、getAttribute()用法
利用doc方法中appendChild直接往body中添加内容
weixin_49321034的博客
08-11 918
<script type="text/javascript"> window.onload=function(){ var divObj = document.createElement("div"); var textNodeObj = document.createTextNode("小欧真帅"); divObj.appendChild(textNodeObj); document
HTML DOM appendChild() 方法
MichaelAn的博客
02-13 229
HTML DOM appendChild() 方法 实例 添加列表项: document.getElementById("myList").appendChild(newListItem); 定义和用法 appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。 **提示：**如果文档树中已经存在了 ...
document.body.appendChild() 和 x.appendChild() 的区别
no_1back_up的博客
08-25 3438
首先要搞清楚: document.body 代表的当前文档的body对象 document.documentElement 代表的是当前的完整文档 使用方法： var x=document.createElement(“div”); 在body上挂载元素：document.body.appendChild(x) 在一个元素上挂载该元素：element.appendChild(x); 下面举个例子： 在body中的随机位置添加一张图片 //创建一个图片标签 var e_img=document.createE
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值