获取DOM元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="box">box</div>
<div class="top">top</div>
<div class="top">top</div>
<div class="top">top</div>
<div class="top">top</div>
<div class="top">top</div>
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
<script>
var box = document.getElementById('box')
box.innerHTML = 'box333'
var divs = document.getElementsByClassName('top')
console.log(divs)
for (var i = 0; i < divs.length; i++) {
divs[i].innerHTML = 'top' + i
}
var list = document.getElementsByTagName('li')
console.log(list)
for(var i = 0; i < list.length; i++){
list[i].style.background = 'red'
}
</script>
</body>
</html>
全局变量
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var a = 20
console.log(a)
console.log(window.a)
function test (){
b = 10
console.log('test')
}
window.test()
console.log(b)
console.log(window.b)
</script>
</body>
</html>
元素属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="http://www.baidu.com">百度一下</a>
<script>
var a = document.querySelector('a')
var link = a.href
console.log(link)
a.href = 'http://www.xiongdalin.com'
</script>
</body>
</html>
