If you have a label with "No" in your Web page, let's tell it as a DIV tag;
To set the CSS style for this div in JS, it is common practice to:
var obj = document.getelementbyidx_x_x (' no ');
Obj.style.width = ' 400px ';
Obj.style.height = ' 30
Although JS can want to object-oriented way to construct objects, hidden private methods, but the need for change is often faster than you write the program, even the design of JS object time is not, so I prefer to use JS private functions and JS
Copyright Notice: Original works, allow reprint, reprint, please be sure to hyperlink form to indicate the original publication of the article, the author's information and this statement. Otherwise, legal liability will be
As shown below:
function GetStyle (node, property) {
if (Node.style[property]) {return
node.style[property];
else if (node.currentstyle) {return
node.currentstyle[property];
else if (Document.defaultview &&
STR is the xmlrequest that is returned via Ajax
/* Dynamically load CSS style*/
function Loadstyle (str)
{
var regexp_src=/[^<>]*/gi;
var matcharray_src=str.match (REGEXP_SRC);
Alert (matcharray_src[0]);
if (MATCHARRAY_SRC) {
for (Var i=0;i{Alert
When we need a rule, we can't do it every time the DOM changes, otherwise it's too inefficient.
The CSS rules in DOM can also be modified. However, different browsers for the CSS rules of the interface description is also different, where IE in the
One, the figure shows the style, that is, the color of the graphic, the second, the algorithm, that is, the shape of the image, is a simple line, rectangle, circle, fan, Polygon, and so on, JavaScript and CSS is undoubtedly the best partner, all the
If you have a lot of related CSS files to load together, or want to dynamically load different CSS files, then the following methods you must be helpful.jquery dynamic loading js and CSS extension methods
$.extend ({
includepath: ",
Use JS and CSS to tell the reality of the picture control in a fixed area, greater than the proportion of this area scaling, less than the center of the region display.
css+js perfect control picture size
[Ctrl + A All
[Add CSS styles dynamically]
Test
[Dynamic Add script label]
Principle Ditto
Test
The above is a small series to introduce the JavaScript dynamic add CSS style and script tags, I hope to help
We use JS to write CSS styles usually in the following two ways:
In general, we use JS to set the style of the element object to use this form:
Copy Code code as follows:
var element= document.getElementById ("id");
Element.style.width=
JQuery Operations CSS
AddClass ()-add one or more classes to the selected element
Removeclass ()-deletes one or more classes from the selected element
Toggleclass ()-Toggle operation of the Add/Remove class to the selected element
CSS
Copy Code code as follows:
jquery with UL simulate form select list Menu effect
Please select ...
Option One
option two
option three
option Four
option Five
Implementation results
Finish
Query is a JavaScript CSS selector engine, compact and powerful, compressed around 2k, can be easily integrated into the code.Support Browser
ie6+, Firefox, Chrome, Safari, Opera
SelectorQuery (Selector[,context])Div#introDiv#intro.
Using jquery to get the value of the Background-color in a style, it is found that the color value obtained in the IE10 is displayed in hex format in the following version, while IE10, Chrome, and Firefox display RGB in GRB format ( 255,0,0) ",
1. Transparency:If you don't specify a background color or a background image for a text, the background of the element is usually transparent.This is important, if an absolutely positioned and text element is placed on top of a text element, it
"Clear Demand"
The Web page loads the style sheet default.css, showing the default style. At the same time to achieve a variety of styles, the production of skin1.css,skin2.css,skin3.css three custom styles. If you load a default.css and then load
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service