郑州网建-前端开发

最近的文章列表

获取Body实际高度，设置DIV高度 document.documentElement.clientHeight

获取Body实际高度：document.documentElement.clientHeight

DIV ID名称：divUserContainer

1：设置DIV高度为Body高度

document.getElementById('divUserContainer').style.height = (document.documentElement.clientHeight);

2015/3/13 Comments:DOM js

PHP操作DOMDocument和DOMXPath示例代码代替JS玩转DOM树的思路: 最近有一个需求，我需要把一个导航页的数据整理好写入数据库。一个比较直观的方法是对html文件进行分析，通用的方法是用php的正则表达式来匹配。但是这样做开发和维护都很困难，代码可读性非常差。

导航页的数据都是规则的排列在DOM树当中的，用JS可以用几个循环轻松的对其进行操作，而且JS需要依赖浏览器，操作数据库很困难。其实PHP就有现成的类库对DOM树种的节点进行增删改查操作，在此做一些笔记。

这里涉及到2个类 DOMDocument 和 DOMXPath。

其实思路比较明确，就是通过DOMDocument将一个html file转换成DOM树的数据结构，再用DOMXPath的实例去搜索这个DOM树，拿到想要特定节点，接下来就可以对当前节; 2014/7/29 Comments:DOM

js 添加DOM节点示例

<!DOCTYPE html> 
<html> 
<body> 

<div id="div1"> 
<p id="p1">这是一个段落。</p> 
<p id="p2">这是另一个段落。</p>

2014/7/17 Comments:DOM

js createDocumentFragment：更快捷的操作DOM的途径代码高亮库就是用的这个

我相信很少人知道JavaScript里还有这样一个很有用的东西：DocumentFragment。程序员可以使用DocumentFragment将一批子元素添加到任何类似node的父节点上，对这批子元素的操作不需要一个真正的根节点。程序员可以不依赖可见的DOM来构造一个DOM结构，而效率高是它真正的优势，试验表明，它比直接操作DOM快70%。下面我们就来看看DocumentFragments是如何使用的！

DocumentFragment例子

2014/5/4 Comments:DocumentFragment DOM

js和jQuery获取父元素,删除子元素的两种不同方法

var obj=document.getElementById("id");得到的是dom对象，对该对象进行操作的时候使用js方法

var obj=$("#id");得到的是jquery对象，对该对象进行操作的时候使用jquery方法

1.对于上面获得的对象进行遍历

(1).js方法 for(vat i=0;j<obj.length;i++){ obj[i] 来获得对应的某一个元素}

(2).jquery方法 $(“#id”).each(function(){ $(this) 来获得对应的某一个元素});

2.获取满足条件的

2014/1/20 Comments:jQuery DOM

js与jQuery获取父级元素,子级元素,兄弟元素的实现方法

先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比

JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素

原生的JS获取ID为test的元素下的子元素。可以用：

比如：

<div id="dom">
    <div></div>
    <div></div>
    <div><

2014/1/20 Comments:jQuery DOM

jQuery动态添加、删除元素DOM的方法: 代码如下:

<script>
$.schoolFn = {
addItem: function(obj){
$("#itemList").append("<li id='liItrm' class='list-group-item clearfix'><span class='glyphicon glyphicon-resize-vertical sort-handle'></span>"+obj; 2014/1/20 Comments:jQuery DOM

详解标准W3C盒子模型和IE的css盒子模型: 前端面试的时候，很多考官都会提到“盒子模型”，如果你能很好的解释清楚，那么证明你css基本功很不错。下边来说一说盒子模型吧。盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。
盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟悉的标准盒子模型：
...; 2013/11/26 Comments:CSS CSS3 DOM IE6 浏览器

js获取DOM高度 offsetHeight offsetWidth

用惯了jQuery的获取元素的高度（$('#camnprID').height();$('#camnprID').innerHeight();$('#camnprID').outerHeight();），那么js原生怎么获取高度呢？我们用到了javascript的offsetHeight属性。 offsetHeight, offsetWidth

返回元素的高度和宽度，以像素为单位。这是非标准的但却得到很好支持的属性。类型：int。状态：只读。

...

2013/8/27 Comments:DOM

复制input 包含手动输入的值

问题：

我想复制form表单中的所有input/textarea，包括用户手动输入的值，然后添加到另外一个容器中？

第一考虑到：innerHTML

分析1：

input.value 的值变化，value.innerHTML 并不会同步

...

2013/7/8 Comments:Html HTML5 DOM

最近的文章列表

分门别类

关注本站

一条新消息

小编推荐

热门文章

想你想你所想爱你所爱

最近的文章列表

分门别类

关注本站

一条新消息

小编推荐

热门文章

想你想你所想 爱你所爱

想你想你所想爱你所爱