JS属性操作1--标签属性及字符串拼接

1.标签获取及标签属性设置
JS部分

//在css中提前定义了两个按钮类型的input标签,分别是id为btn1和btn2。
   <script type="text/javascript">
	obtn1=document.getElementById('btn1');
	obtn2=document.getElementById('btn2');
	oimg=document.getElementById('img1');
	obtn2.onclick=function(){
		//alert(obtn1.value);然后将标签值赋值给img
		//属性src
		oimg.src=obtn1.value;
	};
</script>
//属性操作综述:属性操作 
         属性
           在标签中设置属性 方法:属性名=“属性值”
            在css中设置属性值 方法:属性名:属性值;
         操作
            读操作 
                获取 查找
                  方法:元素.属性名 比如:odiv.style.width
            写操作
                添加 修改 替换
                   方法:元素.属性名=‘新设置属性值’ 比如:odiv.style.width='300px'

2.字符串的拼接:
JS部分:

<script type="text/javascript">
	var a=10;
	var b='10px';
	var c='北京';
	var d=1;
	//alert(b+c);
	alert('img/'+d+'.jpg')
</script>
//字符串的拼接
 //    字符串是JS数据类型
 //       数字 字符串 布尔值

 //    "+" 数字类型可以运算,字符串类型和任何类型
 //相加都是字符串 

版权声明:本文为weixin_40025586原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。