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版权协议,转载请附上原文出处链接和本声明。