**两个小知识点
window.onload事件
当JS内容在所要调用的HTML标签上面时,为避免标签ID无法被JS调用,可用window.onload解决,作用是等待页面全部加载完毕再执行 window.onload = function (){}中的内容。
<script>
//页面加载事件
window.onload = function () {
console.log(1);
document.getElementById('btn').onclick = function () {
console.log('我是,按钮');
};
};
</script>
<button id="btn">按钮</button>
js操作页面内容
闭合标签:
//赋值:
元素.innerHTML=值;
//取值
元素.innerHTML
单标签:
//赋值
元素.value=值;
//取值:
元素.value
js操作属性
//赋值
元素.属性名=值;
//取值
元素.属性名
注意:HTML中的属性名基本和js中的属性名保持一致(class特殊,改变为:className)
js操作样式
元素.style.样式名=值;