How can I tell of a HTML attribute exists or not, using Javascript

Question

I'm trying to convert to HTML5, but to preserve the site experience for those that don't have all the HTML5 features, I would use a workaround. For example, how can I check if the HTML5 attribute contentEditable exists, so that if it doesn't, I can just create a textarea instead.

Thaks!

score 1 · Answer 1 · edited Oct 05 '11 at 18:33

1

This can help: http://diveintohtml5.ep.io/detect.html

edited Oct 05 '11 at 18:33

Bill the Lizard

398,270
210
566
880

answered Nov 03 '10 at 20:09

Davis Peixoto

5,695
2
23
35

While this may theoretically answer the question, [it would be preferable](http://meta.stackexchange.com/q/8259) to include the essential parts of the answer here, and provide the link for reference. – Bill the Lizard Oct 05 '11 at 18:34

score 1 · Accepted Answer · answered Nov 03 '10 at 20:10

1

The following snippet checks if the 'contentEditable' property exists.

if('contentEditable' in element){
   // contentEditable is available
}
else{
   // create textarea
}

answered Nov 03 '10 at 20:10

Lekensteyn

64,486
22
159
192

http://pastebin.com/aZauL5K7 I have that code, but in IE6, it doesn't display any messages – Chiggins Nov 03 '10 at 20:40
Yes, positive. `var edit_region = document.getElementById('edit_region');` where `
` – Chiggins Nov 03 '10 at 21:06
You said, it doesn't display any messages. Not even an error message? Where did you test for it's existence? – Lekensteyn Nov 03 '10 at 22:15

score 0 · Answer 3 · edited Oct 05 '11 at 18:34

0

According to HTML5 Peeks, Pokes and Pointers:

"isContentEditable" in document.createElement("a")

You can replace the document.createElement("a") with any element, really, so if you already have an element you're working with, use that.

edited Oct 05 '11 at 18:34

Bill the Lizard

398,270
210
566
880

answered Nov 03 '10 at 20:11

Brian Campbell

322,767
57
360
340

How can I tell of a HTML attribute exists or not, using Javascript

3 Answers3

Linked