onclick | 易学教程

How to change button color onclick using javascript only?

阅读更多关于 How to change button color onclick using javascript only?

问题 I was trying to make the color of the buttons change using onclick and getElementsByClassName and came up with something like this: HTML: <button onclick="submitButtonStyle()" type="submit" class="stylebutton"> Submit </button> JS: function submitButtonStyle() { document.getElementsByClassName("stylebutton").style.backgroundColor = "red"; } I would be really grateful if you guys gave me a hint about what is lacking in my code/what I should add etc. 回答1: getElementsByClassName returns an

createTextNode() 方法和createTextNode（）方法

阅读更多关于 createTextNode() 方法和createTextNode（）方法

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p id="demo">单击按钮创建一个标题</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ var h=document.createElement("H1"); var t=document.createTextNode("Hello World"); h.appendChild(t); document.body.appendChild(h); }; </script> </body> </html> document.createElement() 创建元素节点 document.createAttribute() 创建一个属性节点 document.createTextNode() 创建文本节点来源： https://www.cnblogs.com/hulaoxi/p/7263040.html

漂亮的JS日历控件

阅读更多关于漂亮的JS日历控件

代码如下: <script> /* alin */ /* Email:caoailin111@sohu.com */ /* QQ:38062022 */ /* Creation date: 2004-6-13 */ var myC_x,myC_y; var myC_timeset=null,myC_timeset1=null; var divObj=null; var inputName; function myCalendar() //构建对象 { var myDate = new Date(); this.year = myDate.getFullYear(); this.month = myDate.getMonth()+1; this.date = myDate.getDate(); this.format="yyyy-mm-dd"; this.style = myStyle(1);　 this.show = createCalendar; this.input = createInput; } function myStyle(num) //设置样式 { if(!num||isNaN(num)){alert('参数不对,采用默认样式！');num=1;} 　var style = new Array(); style[1]=".week{background-color:

jQuery动画效果

阅读更多关于 jQuery动画效果

jQuery动画效果 1、元素的显示和隐藏 display:none; 隐藏 display:block; 显示 a) show() 显示 b) hide() 隐藏 c) toggle() 开关，显示则隐藏，隐藏则显示 <script type="text/javascript"> function f1(){ //隐藏 $("div").hide();//display:none //document.getElementById('id').style.display="none"; } function f2(){ //显示 $("div").show();//display:block } function f3(){ $("div").toggle(); } </script> <style type="text/css"> div {width:300px; height:200px; background-color:blue;} </style> <body> <div>duck and dog</div> <input type="button" value="隐藏" onclick="f1()" /> <input type="button" value="显示" onclick="f2()" /> <input type="button" value=

javascript 常用技巧

阅读更多关于 javascript 常用技巧

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 7. <input style="ime-mode:disabled"> 关闭输入法 8. 永远都会带着框架 <script language="JavaScript"></script> 9. 防止被人frame <SCRIPT LANGUAGE=JAVASCRIPT><!

javascript常用技巧

阅读更多关于 javascript常用技巧

javascript小技巧&&JavaScript[对象.属性]集锦

阅读更多关于 javascript小技巧&&JavaScript[对象.属性]集锦

javascript小技巧&&JavaScript[对象.属性]集锦 javascript小技巧事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=="TD

javascript小技巧&&JavaScript[对象.属性]集锦

阅读更多关于 javascript小技巧&&JavaScript[对象.属性]集锦

如果你找的javascript的东西的话,建议你 ctrl+F 直接在这个页上找,因为这里80%有你要找的,但是要让你挨着看的话,你就准备看完就去配眼镜!! 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素： document.elementFromPoint

javascript小技巧&&JavaScript[对象.属性]集锦

阅读更多关于 javascript小技巧&&JavaScript[对象.属性]集锦

javascript小技巧&&JavaScript[对象.属性]集锦 ,建议你 ctrl+F 直接在这个页上找,因为这里80%有你要找的! javascript小技巧事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素： document

javascript小技巧集锦

阅读更多关于 javascript小技巧集锦

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y)

订阅 onclick