js onclick toggle class

Getevent:function (event) { Return event? Event:window.event; }, The browser takes the target DOM node of the event object Gettarget:function (event) { return event.target| | Event.srcelement; }, To bind nodes to events across browsers Addhandler:function (Element,type,handler) { if (Element.addeventlistener) { Element.addeventlistener (Type,handler,false); }else if (element.attachevent) { Element.attachevent ("on" +type,handler); }else{ element["on" +type] = handler; } } };

Just a holiday home nothing, then looked at JS, in the original code, added an automatic switchDOCTYPE HTML>HTML> Head> MetaCharSet= "UTF-8"> title>JS Toggle Effecttitle> style>Body{Background-color:#CCC; }. BTN{width:100px;Height:7px;Background-color: White;margin:10px;float: Left; }. Btn:first-of-type{Background-col

. "#"Target=_blank>6. Don't laugh! I am an English word book "#"Target=_blank>7Manual of Human meridians "#"Target=_blank>8Stock market Profit "BOOK3"> "#"Target=_blank>1. Skerry Golden Children's book?.. "#"Target=_blank>2. Harry Potter and the "mixed." "#"Target=_blank>3. Not the same Carmela (.. "#"Target=_blank>4. How did they get here "#"Target=_blank>5. Five. Bad boy in class three. "#"Target=_blank>6. Boys Diaries "#"Target=_blank>7. Harry Pott

football "#"> Zhang Yong: To play happy football "#"> Zhang Yong: To play happy football class="MoD"style="Display:block;"> "#"> Zhang Yong: to play happy "#"> Zhang Yong: To play happy football "#"> Zhang Yong: To play happy football "#"> Zhang Yong: to play Happy Try.css*{margin:0; padding:0; List-style:none; font-size:12px;}. notice{width:298px; height:98px; margin:10px; border:1px solid #eee; Overflow:hidden;}. notice-tit{hei

There are many ways to skin a Web page, and the simplest is usually to switch between CSS and CSS, which is usually written in an external CSS file. Then switching CSS is actually replacing the link href path in HTML. I searched the internet for the next.There are generally two ways:1. Put a holder control on the page. Then programmatically write the current user's style CSS link to the page.2. Over-reflection mechanism, set CSS style on a per-control basis.The above two ways are very troublesom

AppBaseJs class library. It is written based on common functions on the Internet and other js class libraries for your convenience. The Code is as follows: /*-----------------------------------Web Application JavaScript Library2009.11 janchie------------------------------------*/// String native object extension left and right SpacesString. prototype. trim = fu

configuration items can be configured in the application/config. php file, in your own config/javascript. php file, or in any controller using the set_item () function. For example, an image is used as an "ajax loader", a Progress Indicator, or a simple text message "loading" is displayed when ajax is called" $ Config ['javascript _ location'] = 'http: // localhost/codeigniter/themes/js/jquery /';$ Config ['javascript _ ajax_img '] = 'Images/ajax-loa

obtain only the var d = $class ("Dom");The meaning of this function is:var odiv = document.getElementsByTagName ("*");This means getting all the DOM elements in the pageSecond, JS change or add classname1 styletype= "Text/css">2 . Newdiv{3 Font-weight:Bold;4 }5 style>1 Script>2 functionCLK () {3 varParent=document.getElementById ("Parent");4 //parent.classname = parent.classname + "Newdiv"; Add cla

The starting point of writing the menuswitch class is that as there are more and more management items in the background, a scroll bar appears in the menu display department, causing the page to be unsightly. I wrote this JS class myself. This function class adopts the popular web practice. It uses Div + CSS +

Write the Menuswitch class starting point is because with more and more background management items, which led to the menu display of the scroll bar led to the page is very beautiful, their own Monsen write this JS class. This feature class uses the current Web2.0 approach, separating styles and functions using the DIV

1. encapsulated JS files//************************************** ******************// Creation date:// OPERATOR: oloen// Content Description: Automatically complete the JS class// Usage:// Var auto = new autoComplete (Client ID );// Auto. Init (document. all. Client ID );//************************************** ******************// Automatic completionFunction au

One, the package JS file //******************************************************** Date Created: 2009-03-10 Author: Oloen Content Description: Automatic completion of JS class Usage: var auto = new AutoComplete (client ID); Auto. Init (document.all. Client ID); //******************************************************** Automatic completion function AutoComplete

This article mainly introduces how to use native JS to obtain CLASS objects. Friends who have read dom programming art may know that it is the most commonly used .... I think of dom programming art. Untitled document Sss Script function getElementsClass (classnames) {var classobj = new Array (); // defines the Array var classint = 0; // defines the Array subscript var tags = document. getE

**************************************** *****************************Copyright Notice** This document uses the Creative Commons release. Please strictly abide by this authorization protocol.* This article was first published onBlog, This statement isArticleIs an indispensable part.* Author's network name: prodigal son* Author email: Dayichen (AT) 163.com* Author's blog: Http: // www. cnblogs. com/walkingboy***************************************** **************************** [Smartscript]

: {alert }}{{ isSafe }}// Jsvar app11 = new Vue ({el: '# classBind', data: {isWarning: true, alertList: ['redalert ', 'alert release'], alert: ''}, computed: {isSafe: function () {return! This. isWarning ;},methods: {toggle: function () {this. isWarning =! This. isWarning; this. alert = this. isWarning? This. alertList [0]: this. alertList [1] ;}}); Css: .warning{color:#f24;}.safe{color:#42b983;} When you click status text, you can switch the text and