属性操作

属性操作方式

1. .操作

    元素.属性名  
    例如：input.value、input.id  

注意：如果属性当中带有横杠的话，是取不到属性的。（如：font-size）需要去掉横杠，并且把横杠后面的首字母大写。（如：元素.fontSize）

2. [ ] 操作

    元素[属性名] 
    可以去带横杠的属性

注意：如果我们将属性的名字存成变量的话，也是需要用到中括号来取的。如果取的是属性名，那么属性名需要加引号；如果是变量名，则不用加引号。

value属性：表单的值

html代码：

input type="button" id="btn" value="按钮" />

js代码:

var btn=document.getElementById('btn');
console.log(btn.value)  //按钮

className:元素的类名

注意：class是js的保留字，所以不允许使用。在需要获取class的时候，要使用className来获取

innerHTML:

1. 获取到一个标签内的所有内容
2. 如果标签当中有其他的标签，那么一样会被拿到
3. 如果在给元素增加的innerHTML内容中有html标签，那么则会被解析成为一个真正的标签。

html代码：

<div id="box"><div>123</div></div>

js代码：

var box=document.getElementById('box');
console.log(box.innerHTML);    //<div>123</div>

href :链接的地址

src ：图片、css、js的地址

注意：href与src取到的都是绝对地址，不是我们平时所用的相对地址，所以不能拿href和src取到的值取判断。