内联元素padding是有作用的 设置内联级元素如a的垂直方向的padding，不仅能够增加点击区域的大小，也不会影响到整体的布局 padding的百分比值 padding的百分比值无论是水平方向还是垂直方向，均是相对于宽度计算的 内联元素的垂直Padding会让幽灵元素空白节点显现 小技巧 （1） ...
分类：
Web程序 时间：
2018-10-13 16:11:42
阅读次数：
212
HTML中的空白节点会影响整体的HTML的版面排榜 例如： 制作百度首页时，两个input之间的空白节点将本来是要整合在一起的搜索栏硬是把按钮和搜索框分离出现好丑的间隙 这时我们就可以用js清除这个空白格 下面是HTML的代码 css代码 js清除节点，为了重复利用，可以将它包装成一个函数： 处理节 ...
分类：
Web程序 时间：
2018-05-04 13:55:44
阅读次数：
663
奇怪吧，下面的代码居然要点两次button才能删除一个li节点： 用ul.childNodes.length查看一下，原来是空白节点在作怪，这样就好了： 选ul的子节点时限定li也可行： ...
分类：
其他好文 时间：
2017-09-01 21:17:19
阅读次数：
153
移除空白节点 function removeWhiteNode(node) { for (var i = 0; i < node.length; i ++) { if (node[i].nodeType 3 && /^\s+$/.test(node[i].nodeValue)) { node[i]. ...
分类：
编程语言 时间：
2017-05-12 20:11:40
阅读次数：
179
//移除空白节点，空白节点的类型是3 function removeWhiteNode(node) { for (var i = 0; i < node.childNodes.length; i++) { if (node.childNodes[i].nodeType 3 && /^\s+$/.te ...
分类：
Web程序 时间：
2017-04-23 13:17:01
阅读次数：
191
一、 在上面这段代码中，如果使用以下js代码 在ie9以下，alert出来的是p（p标签名字），但是在现代浏览器下，比如Chrome,FF，ie11等等，由于会把<div> <p>两个标签之间的空白节点也解析出来，所以会alert出#text（由于空白节点是属于text文本节点） 如果把html的D ...
分类：
Web程序 时间：
2016-12-28 18:17:04
阅读次数：
199
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>nextSibling</title></head><body> <ul id="u1"> <li ...
分类：
其他好文 时间：
2016-11-29 07:01:09
阅读次数：
143
//移除空白节点，空白节点的类型是3
function removeWhiteNode(node) {
for (var i = 0; i
if (node.childNodes[i].nodeType === 3 && /^\s+$/.test(node.childNodes[i].nodeValue)) {
node.childNodes[i].parentNode.removeCh...
分类：
Web程序 时间：
2015-08-02 23:22:25
阅读次数：
188
1.childNodes，获取子节点，本身就是一个数组，可以通过下标childNodes[i]来获取某个子节点。alert(obj.childNodes.length); //高级浏览器会有空白节点的存在//循环根据节点的nodeType类型来判断是不是元素节点for(var i = 0, l...
分类：
Web程序 时间：
2015-07-12 23:06:10
阅读次数：
151
JavaScriptNoteBook【浏览器对空白文本节点的兼容问题】注意：IE浏览器中会忽略元素节点之间的空白节点，而且其他浏览器不会忽略【解决办法方法】（使用三元运算符）:varresult=baby.nextSibling.nodeType==1?baby.nextSibling:baby.nextSibling.nextSibling;【注释】如果baby...
分类：
编程语言 时间：
2015-01-25 19:43:07
阅读次数：
179
