贵阳IT教育培训_贵阳知名IT培训机构-贵阳厚溥教育

厚溥IT教育15年,学员80万+

js属性操作

2019-08-27 01:30


 

前端语言,不是学出来的,是练出来的。
 

贵阳IT培训资讯|贵阳IT培训新闻|贵阳IT培训课程介绍|贵阳IT行业前景

我们正式开始学习JS

字符串拼接if innerHTML className“-”

JS属性操作

属性操作 属性 在标签中设置属性 方法:属性名="属性值"

CSS中设置属性 方法:属性名:属性值;

操作 读操作 获取 查找 方法:元素.属性名 例:oDiv.style.width

写操作 添加 替换 修改 方法: 元素.属性名=新要设置的值 例:oDiv.style.width='400px'

=一个等号就是赋值 会把等号右边的给左边

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<input type="text" value="" id="btn1">

<input type="button" value="开始" id="btn2">

<br>

<img src=https://baijiahao.baidu.com/"" width="400" height="300" alt="" id="img1">

</body>

</html>

<script>

var oBtn1=document.getElementById('btn1');

var oBtn12=document.getElementById('btn2');

oBtn1.onclick=function(){

alert(oBtn1.value);

}

</script>

 

字符串的拼接

字符串就是js数据类型的一种

var a=10; 数字类型 可以进行运算

var b=‘10px’;字符串类型 进行拼接

var c=‘西安

alert(b+c); alert('3+5') alert('畅网科技'+'in'+c) + 数字类型相加可以运算 就是相加 字符串类型和任何类型相加都是字符串,都会进行拼接。

条件判断语句 if

if(){}

if(){}else{}

在括号中,接受的是一个布尔值 true 真的 false假的

if的括号当中接受的是一个布尔值,为true的时候,走if的大括号中的代码 为false的时候,走else的大括号中的代码 if可以进行嵌套 if可以多条件

if括号中的值,都会变成一个布尔值

innelHTML

innelHTML就是元素里面所有的东西 文字 换行 标签等

innelHTML可以进行读操作,也可以进行写操作

oDiv.innerHTML 读取元素里面的内容

oDiv.innerHTML=新的值; 替换 用新的值 代替 旧的值

+=在自身的基础上 累加一个新的值 可以用加等 例 a=a+2 a +=2

-”:在JS中的属性操作中,不允许出现“-”,用驼峰式命名代替

例:oDiv.style.background-color='green';是错误的,应该是:oDiv.style.backgroundColor='green';

oDiv.style.background-image='url("img/1.jpg")';是错误的,应该是:oDiv.style.backgroundImage='url("img/1.jpg")';

oDiv.style.background-size='50%50%';是错误的,应该是:oDiv.style.backgroundSize='50%50%';

数组

数组就是用来存数据的大仓库

每一个数据中间用逗号隔开通过数组下标读取 下标是从0开始 例

var arr=[1,2,'img/1.jpg'];

altert ([2])

=一个等号就是赋值

==两个等号就是比较 比较等号两边的值

学前端语言,就要多练,练吧!

 




0

厚溥就业

我们珍惜您每一次在线询盘,有问必答,用专业的态度,贴心的服务。

让您真正感受到我们的与众不同!