`
cyz001
  • 浏览: 43873 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

body.appendChild的方法

    博客分类:
  • js
阅读更多
<script>
(function(){
	this.div = document.createElement("div");
	this.div.innerHTML = "never-online";
	document.body.appendChild(div); 
	this.div.onclick = function(){
		alert(this.tagName);
	}
}
)()
</script>
<body>hello</body>
分享到:
评论

相关推荐

    html2canvas截图js

    //document.body.appendChild(canvas); //生成base64图片数据 var dataUrl = canvas.toDataURL(); var newImg = document.createElement("img"); newImg.src = dataUrl; document.body.appendChild(newImg); ...

    一些高性能的Javascript代码.doc

    document.body.appendChild(el); } // 优化后 var frag = document.createDocumentFragment(); for (var i = 0; i ; i++) { var el = document.createElement('p'); el.innerHTML = i; frag.appendChild(el)...

    javascript动态创建及删除元素的方法.docx

    document.body.appendChild(a); // 将按钮添加到 body 中 } function addInputB() { var b = document.createElement("input"); b.type = "button"; b.value = "按钮B"; document.body.appendChild(b); } ``` ...

    Javascript+DOM+总结

    本文主要介绍了 DOM 操作中的几个关键方法:`createElement()`、`createTextNode()`、`cloneNode()` 和 `appendChild()`。这些方法是 DOM 操作的基础,熟练掌握它们对于前端开发者来说至关重要。此外,还讨论了如何...

    JavaScript执行效率优化及内存管理优化.docx

    document.body.appendChild(el); } ``` 优化后: ```javascript var frag = document.createDocumentFragment(); for (var i = 0; i ; i++) { var el = document.createElement('p'); el.innerHTML = i; frag....

    获取页面长宽和滚动条的位置

    document.body.appendChild(document.createTextNode("Hello, World!")); document.body.appendChild(document.createElement("br")); } var sz = GetPageSize(); alert([sz.PageW,sz.PageH,sz.WinW,sz....

    javascript中createElement的两种创建方式.docx

    4. **添加到DOM:** 最后使用`document.body.appendChild(btn)`将元素添加到页面的`body`中。 这种方式的优点在于逻辑清晰,易于理解和维护。缺点是代码相对冗余,对于简单的元素创建来说略显繁琐。 #### 三、第二...

    PHP版符合W3C的在线文本编辑器tinymce中文版集成上传图片功能

    **在线文本编辑器 tinymce 简介** TinyMCE 是一个流行的开源富文本编辑器,它被广泛用于创建Web应用程序中的WYSIWYG(所见即所得)编辑界面。...它的特性包括样式控制、图像处理、链接管理以及多种预定义的插件,使其...

    js document对象详解

    5. document.body.appendChild(oTag):动态生成一个 HTML 对象。 document.body 对象 document.body 对象是 document 对象的子对象,指定文档主体的开始和结束,等价于 `&lt;body&gt;` 和 `&lt;/body&gt;`。 document.body ...

    javascript document对象详细介绍

    5. **`document.body.appendChild()`**:将元素添加到页面的`&lt;body&gt;`元素中。 ```javascript document.body.appendChild(newDiv); ``` #### 四、body子对象 `document.body`是`document`的一个子对象,表示...

    Web遮罩層的實現方式

    document.body.appendChild(div); document.body.appendChild(img); } //隱藏整個IFrame function showIframe() { if(document.getElementById("InnerDiv")!=null) { document.body.removeChild...

    新手教程——jspdocument对象详细描述.pdf

    - `document.body.appendChild(oTag)`:在`&lt;body&gt;`元素的末尾添加一个新的子节点。 3. **body子对象**: - `document.body`:代表HTML文档的`&lt;body&gt;`元素,可以设置或获取与之相关的属性,如背景颜色、边距等。 ...

    重写window.alert方法

    document.body.appendChild(modal); const closeBtn = modal.querySelector('.close'); closeBtn.addEventListener('click', () =&gt; { modal.remove(); }); }; ``` 这段代码创建了一个新的HTML元素`div`,模拟...

    通过JavaScript下载文件到本地的方法(单文件)

    最近在做一个文件下载的功能,这里把做的过程中用的技术和坑简要总结下。 1. 单文件下载(a标签) 同源单文件 针对单文件的情况下,同源的文件,可以通过 &lt; a&gt; ... document.body.appendChild(elt); elt.click(); d

    JS的document_详细介绍及用法

    6. `document.body.appendChild(oTag)`: 将新的HTML对象添加到body元素的末尾,实现动态生成元素。 ### 三、`document.body`子对象 `document.body`代表HTML文档的主体部分,提供了以下属性和方法: 1. `document...

    js下判断 iframe 是否加载完成的完美方法.docx

    document.body.appendChild(iframe); ``` 在上面的代码中,我们首先创建了一个 iframe 元素,然后将其 src 属性设置为要加载的 URL。接着,我们添加了一个 onload 事件处理函数,该函数将在 iframe 加载完成后触发...

    JS动态添加option和删除option(附实例代码)

    document.body.appendChild(mySelect); } 2.添加选项option 代码如下: function addOption(){ //根据id查找对象, var obj=document.getElementById(‘mySelect’); //添加一个选项 obj.add(new Option(“文本”,”...

    dommy:一个可以模拟DOM API足以渲染HTML的Document虚拟对象

    appendChild ( body ) ; body . appendChild ( document . createTextNode ( 'world' ) ) ; body . insertBefore ( document . createTextNode ( 'hello ' ) , body . lastChild ) ; body . classList . a

    JS提高优化性能完全秘籍.pdf

    在进行DOM元素频繁操作时,特别是需要频繁地向DOM树中添加元素时,直接使用`appendChild`等方法会显著降低程序的执行效率。这是因为每次调用这些方法都会触发浏览器重新布局(reflow)和重绘(repaint),进而影响...

    【JavaScript源代码】vue 动态创建组件的两种方法.docx

    document.body.appendChild(comp.$el) comp.remove = () =&gt; { document.body.removeChild(comp.$el) comp.$destroy() } return comp } ``` 2. 使用`render`函数: 这种方法更灵活,因为它允许在运行时...

Global site tag (gtag.js) - Google Analytics