fgm实例练习笔记-2.5函数传参,改变Div任意属性的值
2017-07-10 17:10
330 查看
html部分,为了让文本框和自己的标签
script:
<label>能够在同一行内(input和label都是行内元素),又不会和下一个文本框和标签混在同一行,可以用一个块级元素把它们包裹起来,这里使用的是
<p><label></label><input></p>
script:
<script> var change = function(a,b,c){ a.style[b] = c;}//替换的函数写在了外部。用[],而不是. window.onload = function(){ var ocon = document.getElementsByTagName("button")[0]; var ore = document.getElementsByTagName("button")[1];//我自己写的啰嗦了不少,其实只需要获取input的NodeList,下面的函数调用时写成ocon[1]即可,只需要三个变量 var Nam = document.getElementsByTagName("input")[0]; var Val = document.getElementsByTagName("input")[1]; var odiv1 = document.getElementById("div1"); ocon.onclick = function(){ change(odiv1,Nam.value,Val.value);} ore.onclick = function(){ odiv1.style.cssText="";} }; </script>
相关文章推荐
- Ferris教程学习笔记:js示例2.10 函数传参,改变Div任意属性的值
- 函数传参,改变Div任意属性的值&&图片列表:鼠标移入/移出改变图片透明度
- fgm实例练习笔记-2.5页面加载后自加一
- fgm实例练习笔记-1.4用循环将三个Div变成红色
- 原生JS实例练习——控制div属性—— JS学习笔记2015-8-4(第93天)
- fgm实例练习笔记-1.3函数接收参数并弹出
- fgm实例练习笔记-2.6图片列表:鼠标移入/移出改变图片透明度
- fgm实例练习笔记-2.11鼠标移过改变图片路径
- jquery练习10 函数传参设置div属性
- fgm实例练习笔记-4.1 setTimeout应用
- 自定义属性之图片切换实例——代码简化、函数合并——JS学习笔记2015-5-30(第43天)
- fgm实例练习笔记-2.3求出数组中所有数字的和
- 作品第二课----改变DIV任意属性的值
- fgm实例练习笔记-3.4比较数字大小
- fgm实例练习笔记-3.9倒计时
- jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
- fgm实例练习笔记-3.8简易网页时钟
- fgm实例练习笔记-1.2网页换肤
- 动态改变div的z-index属性的简单实例
- 函数传参,改变Div任意属性的值——涉及到获取属性的方法