DOM操作详解-优快云博客

本文介绍了如何使用innerHTML属性获取和设置HTML元素的内容，getAttribute方法获取元素属性值，以及setAttribute方法为元素添加属性并设置其值。

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"); 
}

转载于:https://www.cnblogs.com/yangqi1209-com/p/8856905.html

01 JS基础