Aug*_*tus 13 javascript xhtml internet-explorer innerhtml
当你在IE中获得DOM节点的innerHTML时,如果属性值中没有空格,IE将删除它周围的引号,如下所示:
<html>
<head>
<title></title>
</head>
<body>
<div id="div1"><div id="div2"></div></div>
<script type="text/javascript">
alert(document.getElementById("div1").innerHTML);
</script>
</body>
</html>
在IE中,警报将显示为:
<DIV id=div2></DIV>
这是一个问题,因为我将此传递给需要有效XHTML的处理器,并且必须引用所有属性值.有谁知道在IE中解决这种行为的简单方法？
Koo*_*Inc 17
IE innerHTML确实很烦人.我为它写了这个函数,这可能有帮助吗？它引用属性并将标记名设置为小写.顺便说一下,为了让它更烦人,IE的innerHTML不会删除非标准属性的引号.
基于注释编辑
该函数现在处理属性值中的更多字符,并可选择将属性值转换为小写.这个功能现在看起来更难看了~~).如果要在等式中添加或删除字符,请编辑[a-zA-Z\.\:\[\]_\(\)\&\$\%#\@\!0-9]+[?\s+|?>]正则表达式的一部分.
function ieInnerHTML(obj, convertToLowerCase) {
var zz = obj.innerHTML ? String(obj.innerHTML) : obj
,z = zz.match(/(<.+[^>])/g);
if (z) {
for ( var i=0;i<z.length;(i=i+1) ){
var y
,zSaved = z[i]
,attrRE = /\=[a-zA-Z\.\:\[\]_\(\)\&\$\%#\@\!0-9\/]+[?\s+|?>]/g
;
z[i] = z[i]
.replace(/([<|<\/].+?\w+).+[^>]/,
function(a){return a.toLowerCase();
});
y = z[i].match(attrRE);
if (y){
var j = 0
,len = y.length
while(j<len){
var replaceRE =
/(\=)([a-zA-Z\.\:\[\]_\(\)\&\$\%#\@\!0-9\/]+)?([\s+|?>])/g
,replacer = function(){
var args = Array.prototype.slice.call(arguments);
return '="'+(convertToLowerCase
? args[2].toLowerCase()
: args[2])+'"'+args[3];
};
z[i] = z[i].replace(y[j],y[j].replace(replaceRE,replacer));
j+=1;
}
}
zz = zz.replace(zSaved,z[i]);
}
}
return zz;
}
应该起作用的示例键值对
data-mydata=return[somevalue] => data-mydata="return[somevalue]"
id=DEBUGGED:true => id="DEBUGGED:true" (or id="debugged:true" if you use the convertToLowerCase parameter)
someAttribute=Any.Thing.Goes => someAttribute="Any.Thing.Goes"
| 归档时间： |
|
| 查看次数： |
10875 次 |
| 最近记录： |