html属性操作
html属性操作:读、写
属性名
属性值
属性读操作:获取、找到
元素.属性名
属性写操作:("添加") 替换、修改
元素.属性名 = 新的值
oP.innerHTML 读取元素内的所有HTML内容
oP.innerHTML = 新的值 改写元素内的所有HTML内容
注意事项:JS中不允许出现"-" 例如:font-size在JS中写作 fontSize
隐藏元素的方法
隐藏某个元素
1.display:none; 显示为无 (不占位置)
2.visibility:hidden; 隐藏 (占有位置)
3.width\height
4.透明度
5.left\top;
6.用一个背景色白色的div覆盖
7.margin改为负值
JS中如何获取元素
1.通过元素ID名称获取元素:
document(整个文档) get element(元素) by id ‘link’
写法格式document.getElementById(link)
事件:鼠标事件、键盘事件、系统事件、表单事件、自定义事件…………
鼠标:onclick 点击
onmouseover
onmouseout
onmousedown
onmouseup
onmousrmove 抚摸事件
…………
onload 加载完后执行……
window.onload = 事情
img.load
body.onload
……
如何添加事件:
元素.事件动作
函数:可以理解为-命令,做一些事
function 名字(){ //不会主动执行
…………
}
1.直接调用:名字();
2.事件调用:元素.事件名 = 函数名 div.onclick = 名字;
function (){} 匿名函数
调用
元素.事件 = function (){}
测试:
alert(1); 带一个确定按钮的警告框
alert('ok'); 'ok' 为字符串
alert("ok");
变量:
var li = document.getElementById('lis');
var num = 123;
var name = 'leo';