JavaScript has a style function that allows you to access style attributes of an element. For example, to get an element’s color:<\/p>\n
\nvar e1_color=document.getElementById(“e1”).style.color;\n<\/p>\n
However, as I understand, you’re not meant to harvest the entire style at once:<\/p>\n
\nvar e1_style=document.getElementById(“e1”).style; \/\/not intended<\/span><\/p>\n Furthermore, let’s imagine you do so anyway, then try to convey that style to another element:<\/p>\n \nvar e1_style=document.getElementById(“e1”).style; Curiously, though, I’ve found that<\/p>\n \nvar e1_style=document.getElementById(“e1”).style; does work on Chrome and Firefox (but not ie11).<\/p>\n It’s not a recommended way to change the style of an element, but it hints at how JavaScript and jQuery can have deeper communication than JavaScript with itself. It also reminds of the potential differences from browser to browser.<\/p>\n I’ll be talking more about JavaScript and jQuery in future posts:)<\/p>\n Source:<\/p>\n w3schools<\/a><\/p>\n Pollock, John. jQuery: A Beginner’s Guide<\/u>. Toronto: McGraw-Hill, 2014.<\/p>\n
\ndocument.getElementById(“e2”).style=e1_style;
\n\/\/won’t work, according to my tests<\/span>\n<\/p>\n
\njQuery(“#e2”).css(e1_style);<\/p>\n