The way I would do it is by defining CSS classes for what I want, and
then just append the CSS class:

// In your css
.green { background-color: green; }

// In your JavaScript
element.className += " green"; // Don't forget the leading space

Obviously "green" isn't a very good class name, and you should give it a
name that explains why it's green..

See this StackOverflow question:

http://stackoverflow.com/questions/195951/change-an-elements-css-class-with-javascript

On 04/26/2013 06:52 AM, 85.mukesh wrote:
>
> Hi ,
>
> I want to change style of HTML on run time natively (Inside web core,
> I am having Element pointer). But using Element.setAttribute("style",
> "background-color: green;"); is overriding my style but I want to
> update the style without changing existing one. Please let me know if
> any trick is there to update style.
>
> I tried below things.
>
> 1. First get attribute and do string manipulation to add your style
> and the setattribute. This method is ok. But so much string manipulation.
>
> 2. I am not sure how we can directly handle code inside webcore
> natively for below JS code. Element.style.backgroundColor = "green";
>
> Regards,
>
> MK
>
>
>
> _______________________________________________
> webkit-gtk mailing list
> [email protected]
> https://lists.webkit.org/mailman/listinfo/webkit-gtk

Attachment: signature.asc
Description: OpenPGP digital signature

_______________________________________________
webkit-gtk mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-gtk

Reply via email to