初识js
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="" />
<meta name="description" content="" />
<title>初识js</title>
</head>
<body>
<!--
js的特点：
js是有Unicode字符集编写的，完全支持文本，Unicode是ASCII和 Latin-1 超集。
JS注意规范：
1. js严重区分大小写
2. 每句代码结束之后使用分号代表结束。
3. 命名规范,构造函数首字母大写，再驼峰，函数首字母小写，再驼峰。
-->
<!-- <a href="javascript: void(0);" onclick="alert('别看我是一个a标签！')">我是一个a标签</a> -->
<!-- <script src="first.js"></script> -->
<div class="box">4</div>
<div class="box">3</div>
<div class="box">2</div>
<span id="boxes">1</span>
<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<input id="inp1" type="text" name="user" value="123" />
<input type="text" name="user" />
<script>
/*
获取节点元素：
document.getElementById("id名字") 通过id名字获取 返回单个元素
document.getElementsByClassName("class名字") IE9+ 通过class名字来获取 返回集合
document.getElementsByTagName("标签名字") 通过标签名字来获取元素 返回集合
*/
// var list = document.getElementsByClassName("list")[0];
// alert( list.getElementsByTagName("li").length );
// alert(document.getElementsByName("user").length);
// for(var key in document) {
// console.log(key+ "======"+document[key]);
// }
var box = document.getElementById("boxes");
// box.innerHTML = "This is js!<a href=\"http://baidu.com\">跳转百度</a>";
box.innerText += "This is js!<a href=\"http://baidu.com\">跳转百度</a>";
var inp1 = document.getElementById("inp1");
inp1.value += "This is js!";
alert(inp1.value);
</script>
</body>
</html>
