JavaScript中必须掌握的基本知识 js要掌握的知识点( 三 )


var x=document.getElementById("main");var y=x.getElementsByTagName("p");//本例查找 id="main" 的元素,然后查找 id="main" 元素中的所有
元素


2.修改HTML元素
改变HTML输出流
document.write();//如果在文档(DOM)加载完成之后使用则会覆盖该文档
修改 HTML 内容
document.getElementById(id).innerHTML=新的 HTML内容
改变 HTML 元素的属性
document.getElementById(id).attribute=新属性值


3.DOM事件
事件可以是浏览器行为,也可以是用户行为,当事件触发时,可以执行对应的js代码
常见事件
事件
描述
onchange
HTML 元素改变
onclick
用户点击 HTML 元素
onmouseover
用户在一个HTML元素上移动鼠标
onmouseout
用户从一个HTML元素上移开鼠标
onkeydown
用户按下键盘按键
onload
浏览器已完成页面的加载
HTML 元素中可以添加事件属性,并添加 JavaScript 代码,当此元素的事件被触发时,就会触发执行js代码


也可以由DOM对象分配事件,因为事件也是html的一个属性

addEventListener() 方法
element.addEventListener("click", function(){ alert("Hello World!"); });
语法为
element.addEventListener(event, function, useCapture);
第一个参数是事件的类型 (如 "click" 或 "mousedown").
第二个参数是事件触发后调用的函数 。
第三个参数是个布尔值用于描述事件是冒泡还是捕获 。该参数是可选的 。
详细的事件类型参考https://developer.mozilla.org/zh-CN/docs/Web/Events,注意与在元素属性中的事件是不同的


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: