ansaurus

Question

JQuery problem with html() handling in Opera

Answer 1

+2 A:

Opera returns tags as uppercase, e.g. <EM>. You need to change your regular expressions to work case-insensitively:

var string2 = string1.replace(/<em>/gi, '<strong>');
string2 = string2.replace(/<\/em>/gi, '</strong>');

Phil Ross 2009-12-07 15:30:13

Thanks, it works.Anyway, this is very strange behaviour :)

technix.in.ua 2009-12-07 15:42:46

@technix.in.ua Opera is just creating a normalized representation of the source HTML and chooses to make tag names uppercase. Firefox does the opposite and makes all tag names lowercase.

Phil Ross 2009-12-07 15:47:44

scunliffe 2009-12-07 16:29:57

I don't quite understand the assertation that tag and attribute names are "meant to be" lowercase. The logic for doing what IE does is very simple: IE invented innerHTML, so they are by definition correct and browsers who want to support it should figure out what IE does. (Of course it's now being standardised in HTML5, so when HTML5 is released this no longer applies.)

hallvors 2009-12-14 19:06:25

Answer 2

A:

Your regular expressions aren't matching in Opera as it has normalised all HTML tags to uppercase try with //gi

However if you are doing more changes ("parsing their content"), I really would recommend doing proper DOM manipulation and not using regular expressions.

Sharebear 2009-12-07 15:31:51

Answer 3

+1 A:

Don’t use string methods when you can use DOM methods:

$("#debug em").each(function() {
    var newElem = document.createElement("strong");
    for (int i=0; i<this.childNodes.length; ++i) {
        newElem.appendChild(this.childNodes[i]);
    }
    this.parentNode.replaceNode(newElem, this);
});

Gumbo 2009-12-07 15:34:25

This is a much better approach :)

hallvors 2009-12-14 19:07:07

ansaurus

tags:

views:

answers:

JQuery problem with html() handling in Opera

related questions