<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>element对象</title>
<script type="text/javascript">
// element对象
/*
获取属性：getAttribute(name)
设置属性：setAttribute(name, value)
删除属性：removeAttribute(name)
*/
</script>
</head>
<body>
<!-- <input type="text" id="textId" value="textContent" /> -->
<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
<script type="text/javascript">
// 获取input标签
// var input = document.getElementById("textId");
// 获取value值
// document.write(input.getAttribute("value"));
// 获取id值，使用方法获取class值可以避免关键字冲突
// document.write(input.getAttribute("id"));
// 设置value属性值
// input.setAttribute("value", "NewContent");
// 删除id属性，不能删除value属性
// document.write("<br />原始值：" + input.id);
// input.removeAttribute("id");
// document.write("<br />删除后：" + input.id);
var ul = document.getElementsByTagName("ul")[0];
// childNodes属性的浏览器兼容性很差，所以使用getElementsByTagName()方法
var lis = ul.getElementsByTagName("li");
document.write(lis.length);
</script>
</body>
</html>