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

收藏一段js dom操作

    博客分类：
  • js
 
阅读更多

动态插入一个div

var objDiv = document.createElement("div");
 objDiv.innerHTML ="dsdsfsdsdsdds";
 objDiv.id   =   "asdf";  
  objDiv.style.position   =   "absolute";  
  objDiv.style.setAttribute("left","1px");  
  objDiv.style.setAttribute("top","1px");  
  objDiv.style.setAttribute("width",document.body.scrollWidth);  
  objDiv.style.setAttribute("height",document.body.clientHeight);  
  objDiv.style.setAttribute("border","1   solid   #000000");  
  objDiv.style.setAttribute("backgroundColor","#ff0000");
  objDiv.style.setAttribute("z-index","9999");
  document.body.appendChild(objDiv);
}

分享到：
| js获取url参数便易方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript_DOM操作.rar

    在这个压缩包文件“javascript_DOM操作.rar”中，我们可以找到一个名为“javascript_DOM操作.docx”的文档，它很可能是详细介绍了JavaScript与DOM交互的相关知识。 首先，DOM是网页内容的树状表示，它将HTML或XML...

    JavaScriptDOM编程艺术（第2版）PDF版本下载.txt

    尽管实际书籍内容并未给出，但从标题、描述及部分链接信息来看，这本书主要涉及JavaScript及其与DOM操作相关的高级编程技巧。下面将基于这些信息，尽可能地扩展和阐述相关知识点。 ### 一、JavaScript简介 ...

    javascript dom 代码

    这个压缩包中的文件很可能包含300个不同的JavaScript DOM操作示例，涵盖从基础到高级的各种实践场景，例如动态更新页面内容、响应用户交互、实现动画效果等。通过学习这些实例，你可以深入理解DOM操作的实际应用，...

    JQuery DoM和ajax 操作

    **jQuery DOM操作** jQuery库是JavaScript的一个强大工具，它极大地简化了对DOM（Document Object Model）的操作。DOM是HTML和XML文档的结构化表示，允许我们通过编程方式访问和修改页面内容。jQuery提供了丰富的...

    DOM.zip_JavaScript dom_it

    9. **DOM性能优化**：尽管DOM操作强大，但频繁的操作可能导致性能下降。因此，了解DOM的最小化操作，如批量操作、使用文档碎片、事件委托等技巧是必要的。 10. **DOM2级和DOM3级**：DOM不断发展，DOM2级扩展了事件...

    JavaScript基础和DOM API函数

    以下是一些基本的DOM操作： 1. 获取元素：`document.getElementById("id")`，`document.querySelector("CSS selector")`等。 2. 遍历元素：`element.childNodes`，`element.children`等。 3. 修改元素：`element....

    很精彩的一段JS

    在"很精彩的一段JS"这个主题中，我们可以深入探讨JavaScript的核心概念以及如何利用JS进行高效编程。 首先，JavaScript的基础包括变量、数据类型、操作符、控制结构、函数等。变量是存储值的容器，JS支持六大数据...

    (JavaScript)Dom入门35个简单实例

    在这个"(JavaScript)Dom入门35个简单实例"的压缩包中，你将找到一系列帮助初学者理解DOM操作的实践教程。 1. **添加和删除元素**：在这些实例中，你将学习如何使用`createElement()`和`appendChild()`方法动态创建...

    javascript中dom的基础概念.pdf

    它使得开发者可以使用 JavaScript 来动态地访问和操作文档的结构和内容。DOM 中的基础概念是开发者需要掌握的基本知识之一。 DOM 事件 DOM 事件是指在文档中发生的各种事件，例如点击、鼠标按下、鼠标移入、鼠标...

    JavaScriptDOM编程艺术及源代码

    - 书中提供的源代码实例，可以深入理解各种JavaScript DOM操作的实际运用，有助于提升实战能力。 通过学习和实践JavaScript DOM编程艺术中的知识，你可以更好地理解和控制网页的行为，创造出更富交互性的用户体验...

    JS DOM 操作实现代码

    首先，通过提供的代码段，我们可以看到如何利用DOM操作获取和修改页面元素。比如，使用`document.getElementById(id)`可以获取具有特定ID的元素，而`document.getElementsByTagName(tagName)`则会返回所有匹配给定标...

    JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题.docx

    在JavaScript中，DOM事件处理程序的封装是跨浏览器兼容性的一个关键步骤，因为不同的浏览器对事件处理有不同的实现。本文主要讨论了在将DOM事件处理程序封装到名为`event.js`的文件时可能出现的低级错误，并提供了...

    UmbrellaJS用于DOM操作和事件的轻量级JavaScript库

    **UmbrellaJS** 是一个专门针对DOM操作和事件处理的轻量级JavaScript库，它设计的目标是提供高效且简洁的API，同时避免引入不必要的复杂性。作为一个小巧的框架，UmbrellaJS非常适合那些希望在项目中保持代码体积小...

    前段JS开发和DOM兼容问题大全

    在前端开发中，JavaScript和DOM操作是核心组成部分，而不同浏览器之间的兼容性问题常常困扰开发者。以下将详细介绍在处理JavaScript和DOM时遇到的兼容性问题以及相应的解决方法。 一、DOM节点的访问兼容性问题及...

    DOM相关的操作

    例如，给按钮添加点击事件，当用户点击时执行一段JavaScript代码。 4. **遍历DOM** 开发者可以通过DOM遍历方法，如`childNodes`、`firstChild`、`lastChild`、`nextSibling`和`previousSibling`等，来访问和操作树...

    JS实现的DOM插入节点操作示例

    JavaScript DOM（Document ...了解这些基本的JavaScript DOM操作，可以让你更好地控制网页的动态内容和交互性。同时，结合其他DOM方法和属性，如`removeChild`、`replaceChild`等，可以实现更复杂的页面动态更新功能。

    Uncaught DOMException:

    此外，一些DOM操作库，如jQuery，提供了一层抽象，可以简化DOM操作，减少这类错误的发生。 综上所述，“Uncaught DOMException:”错误是JavaScript编程中常见的一个问题，通过理解DOM工作原理、检查代码、使用...

    javascript DOM 操作基础知识小结

    本篇将总结DOM操作的基础知识，重点讲解如何添加元素以及使用节点属性。 1. DOM基础 DOM树中的节点类型包括： - Document：文档的根节点，所有其他节点都隶属于它。 - DocumentType：用于表示<!DOCTYPE>声明的...

    尚硅谷_JavaScript DOM编程视频教程资源下载网址

    - 使用`documentFragment`在内存中构建DOM树，再一次性插入，以减少对DOM的直接操作，提高性能。 以上只是JavaScript DOM编程中的一部分核心概念，尚硅谷的视频教程可能还会深入讲解实际应用中的技巧和最佳实践。...

Magicbox
Global site tag (gtag.js) - Google Analytics