2017-12-28学了一点小知识……

原创 moxiao 随笔 个人笔记 95阅读 2017-12-28 22:21:03 举报

171228学习总结
1、属性设置
通过js设置样式
btn.style.width = '1000px';
btn.style.height = '1000px';
btn.style.background = 'red';
可以一次性设置
abc.style.cssText = 'width:1000px;height:500px;background: yellow;'

2、元素上的属性,属性都是可读可写的
id
className
style
width
height
....
innerHTML
获取或设置一个元素包含的结构
在设置结构的时候,替换原有的结构
适合用在写成标签对的标签上
value
获取或设置有value属性的标签的value值
input (text button ....)
textarea、select
option
src
设置和获取元素有src这个属性的
href
设置和获取元素有href这个属性的

3、操作属性
增删改查
目前学习,改,查
设置
获取

 获取btn的id
console.log(btn.id)

 修改btn的id
btn.id = 'miaov';

 通过class来修改元素的样式
btn.className = 'miaov a b';

 获取class
console.log(btn.className);

获取innerHTML
console.log(box.innerHTML);

修改innerHTML
box.innerHTML = '<p class="miaov"><em>hello</em></p>';    

获取value
console.log(message.value);

设置值
message.value = 'ketang'

4、操作
需求:
找到需求
步骤:

  1. 获取元素
  2. 绑定事件处理
  3. 事件处理的时候要做的事情

5、字符串
由一对单引号或双引号引起来的0个或多个字符组成的

''
""
'" // 不允许的

'' 空字符串
' ' 包含一个空格字符

a b 0 1... 称之为叫字符

console.log(str);    解析为变量,去找这个变量存的值
console.log('str');  解析为字符串

6、字符串拼接 【+】
左边字符串 + 右边字符串

7、if语句
语法:
if(条件) {
// 如果条件成立,走这里
}

条件 要么成立,要么不成立

成立      真   true
不成立     假   false

8、运算符
= 赋值运算符
== 比较运算符
比较左边和右边是否相同
相同 成立 true
不相同 不成立 false

9、布尔值 boolean
true
false

下面是一个小例子
html 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复