分类 JAVAScript 下的文章

DOM核心重点(创增删改查操作属性)

导读:文档对象模型(Document Object Model 简称DOM)是W3C组成推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口W3C已经定义了一系列DOM接口,通过DOM接口可以改变网页的内容,结果和样式对于JavaScript 为了能使操作HTML,Javascript 就有了一套自己的dom编程接口对于HTML,dom使得html形成一颗dom树,包括文档元素和节点关于dom操作我们主要针对于元素的操作,主要有创建 增,删,改,查,属性操作,事件操作创建document.writeinnerHTMLcreateElement增appendChildinsertB...

DOM(节点操作children-自定义属性-)

导读:排他思想如果有同一组元素,我们想要某一个元素实现某种功能,需要用到循环的排他思想算法所有元素清除样式(干掉其他人)给当前元素设置样式(留下我自己)注意顺序不能颠倒,干掉其他人,在设置自己v<body> <!-- 排他思想 如果有同一组元素,我们想要某一个元素实现某种功能, 需要用到循环的排他思想算法 1.所有元素清除样式(干掉其他人) 2.给当前元素设置样式,(留下我自己) 3.注意顺序不能颠倒,干掉其他人,再设置自己 --> <button>按钮1</button> ...

通过js操作元素之改变元素

导读:JavaScript 的DOM操作可以改变网页内容,结果和样式,我们可以利用DOM操作元素来改变元素里面的内容, 属性 等。注意以下都是属性element.innerText改变元素内容从起始位置到终止位置的内容,但它除html标签,同时空格和换行也会去掉element.innerHTML起始位置到终止位置的全部内容,包括html标签,同时保留空格和换行要求:当我们点击按钮,div里面的文字变成当前时间 //1.获取元素 var btn = document.querySelector('button'); var div = document.querySelector('div...

js中的事件

导读:事件三要素事件有三部分组成 事件源 事件类型 事件处理程序 我们也称为事件三要素事件源 :事件被触发的对象 谁 按钮事件类型 如何触发 什么事件 比如鼠标点击(onclick) 还是鼠标经过,还是键盘按下事件处理程序去 通过一个函数赋值的方式 完成btn.onclick = function(){}事件执行步骤常见的鼠标事件onclick 鼠标点击左键触发onmouseover 鼠标经过触发onmouseout 鼠标离开触发onfocus 获得鼠标焦点触发onblur 失去鼠标焦点触发onmousemove 鼠标移动触发onmouseup 鼠标弹起触发onmouse...