使用JavaScript检查浏览器是否支持css3和/或HTML5属性

Question

我想检查用户浏览器是否支持"contenteditable"或任何HTML5属性？

所以这是我的JavaScript:

var isEditable=false;
function chk() {
    var z=document.getElementById("mydivid");

    if(typeof(z["isContentEditable"])==="boolean") {
        isEditable=true;
    }
}

function doEdit() {
    chk();
    var z=document.getElementById("mydivid");
    if(isEditable) {
        z.setAttribute("contenteditable","true");
        z.focus();
    } else {
        /* add a texbox and put all div's innerHTML into it, All in all:  a Boring Stuff. */
    }
}

这是HTML:

<a href="#" onclick="doEdit();">Click To Edit </a>
<div id="mydivid"> Hi Ssup ?? <img src='' alt="some image" /></div>

谁能告诉我我的方法是否正确？它会在IE(版本<8.0)中有效吗？而且还需要一个更好的方法!

Answer 1

简单检查:

if ('isContentEditable' in document.createElement('span')) {
    // supported
}

我还将分享这些精选的片段,它将在未来帮助您:http://diveintohtml5.info/everything.html