事件的绑定以及兼容代码 1. 事件的绑定：为同一个元素绑定多个相同的事件2.三种方式（1）对象.on事件名字=事件处理函数my$("btn").onclick=function(){};如果是多个相同事件注册用这种方式,最后一个执行,之前的被覆盖了（2）对象.addEventListener("没有on的事件名字",事件处理函数,false); --谷歌和火狐支持,IE8不支持...
25点击按钮创建表格（createElement方式） <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width: 200px...
24 createElement方式动态创建列表 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; ...
23元素创建之点击按钮创建列表 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 300p...
元素的创建以及只创建一个 元素创建的三种方式为了提高用户的体验1. document.write("标签的代码以及内容"); 页面加载的时候创建,是没有问题的：document.write("<p>这是一个p</p>"); 缺陷：如果在页面加载完毕后，通过这种方法创建，页面上存在的所有内容都没有了 my$("btn").onclick=function(){...
21节点之操作隔行变色 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="bu...
22案例全选和全不选的实现 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { padding: 0;...
21节点之点击按钮设置div中p标签改变背景颜色 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 300p...
10点击图片修改自身的宽和高 <img src="../logo.png" alt="" id="btn10"> <script type="text/javascript"> var imggObj=document.getElementById("btn10"); imggObj.onclick=function()...
11按钮的排他功能 <input type="button" value="没有我"> <input type="button" value="没有我"> <input type="button" value="没有我"> <input type="button" value="没有我"> ...
8点击每个图片弹出对话框 <img src="../logo1.png" alt="" width="120px"> <img src="../logo2.png" alt="" width="120px"> <img src="../logo3.png" alt="" width="120px"> <script...
9点击按钮修改valu属性 <input type="button" value="按钮" id="btn9"> <script type="text/javascript"> var btn9Obj=document.getElementById("btn9"); btn9Obj.onclick=function()...
5点击按钮修改图片的alt和title属性 <input type="button" value="点击修改" id="btn6"> <img src="../logo.png" alt="聊天记录" title="这是一张图片"> <script> var btn6Obj=document.getElemen...
7点击按钮修改所有文本框的内容 <input type="button" name="" id="btn7" value="来啊 ,点我啊~" /><br> <input type="text" name="" id="" value="" /><br> <input type="text" name="" id="" val...
5点击修改p标签的内容 <input type="button" value="点击修改多个p" id="btn5"/> <div id="one"> <p>我要被修改</p> <p>我要被修改</p> <p>我要被修改</...
密码的显示和隐藏 一、input标签密码的显示与隐藏 1 function myShow(imgId,inputId) { /* 判断密码显示状态函数 */ 2 if(inputId.type=="password"){ 3 imgId.src="i...
4点击按钮修改a标签的地址和热点文字 <input type="button" value="点击修改" id="btn4"/><a href="https://www.baidu.com/" id="a1"></a><script>//根据id获取按钮,为按钮注册点击事件,添加事件处理函数var btn4Obj=document.getElementByI...
3点击按钮，修改p标签的显示内容 <input type="button" value="设置p的内容" id="btn3" /> <p id="p1"></p> <script> //凡是成对的标签，中间的文本内容，设置的时候，都采用innerText这个属性 //根据id获取按钮...
利用Jquery实现滑动出现下拉菜单和箭头转向 1.引入<script src="js/jquery-1.11.1.min.js"></script>2.HTML代码给ul标签设置id：left_item，给img设置id：item_img 1 <!-- 中间左边开始 --> 2 <div class="tpl-left-nav fl">...
创建对象的三种方式 对象有特征（属性）和（方法）方式一：通过系统的构建函数（Object）来创建对象var obj = new Object(); //Object为系统的构造函数 obj.name="小明"; //添加属性 ————对象名.名字=值;obj.eat=function(){ //添加方法 ————对象名.名字=函数; console.log...
关注
