01 JS基础

1.获取 标签中的内容。 innerHTML

innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
demo：
<th id="tr1">Firstname</th>
alert(document.getElementById("tr1").innerHTML);  //获取到Firstname

1.innerText //打印标签之间的纯文本信息，会将标签过滤掉   
2.innerHTML //打印标签之间的内容，包括标签和文本信息  

2.获取 获取属性的值。 getAttribute

getAttribute() 方法通过名称获取属性的值。
demo:
<a href="dom_obj_attributes.php" target="A">Attr 对象</a>
var a=document.getElementsByTagName("a")[0];
a.getAttribute("href");  //获取到A

3.添加指定的属性，并为其赋指定的值。 setAttribute

setAttribute() 方法添加指定的属性，并为其赋指定的值。
demo:
<a href="dom_obj_attributes.php" target="A">Attr 对象</a>
<input value="OK">
<button onclick="myFunction()"></button>

function myFunction(){
　　document.getElementsByTagName("INPUT")[0].setAttribute("type","button"); 
}