All Posts

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...