scrollLeft和scrollTop用于获取/设置滚动条的,如下: scrollLeft(val) ;读取或设置整个页面的水平滚动条距离 scrollTop(val) ;读取或设置整个页面的垂直滚动条距离 如果没有传入val值则获取滚动条距离,如果有设置val则标识设置滚动条距离,还是举个栗子, ...
分类:
Web程序 时间:
2019-11-25 09:48:08
阅读次数:
93
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>跟随鼠标</title> <script type="text/javascript"> function load(){ var xPoint=window.ev ...
分类:
编程语言 时间:
2019-11-23 10:04:48
阅读次数:
108
事件委托 <body> <input type="button" value="创建新的" id="btn"/> <ul class="box"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <p>嘿嘿</p> </ul> </body> </html> ...
分类:
其他好文 时间:
2019-11-22 12:02:59
阅读次数:
54
html和text都可以获取和修改DOM节点里的内容,方法如下: html(value) ;获取匹配元素集合中的一个元素的innerHTML内容,或者设置每个元素的innerHTML内容, ;value可选,可以是html代码或返回html代码的函数,如果没有参数则获取匹配元素集合中第一个元素的in ...
分类:
Web程序 时间:
2019-11-18 09:41:41
阅读次数:
92
e.target 是你当前点击的元素 e.currentTarget 是你绑定事件的元素 e.currentTarget.previousElementSibling.innerHTML 获得点击元素的前一个元素 e.currentTarget.firstElementChild 获得点击元素的第一 ...
分类:
Web程序 时间:
2019-11-17 15:09:21
阅读次数:
86
html5获取自己定位的方法直接用高德地图api 不要用百度地图api 不准确 <pre><!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...
分类:
Web程序 时间:
2019-11-16 12:34:10
阅读次数:
134
1:使用v-text代替{{}}绑定元素内容,能够避免编译前的闪现问题 (使用{{}}在编译阶段,页面会显示{{msg}},然后闪现为对应的值)v-text 作用是更新元素的textContent 2:v-html绑定元素上,也可以避免编译前闪现问题 作用于更新元素的innerHTML ...
分类:
其他好文 时间:
2019-11-11 10:05:45
阅读次数:
104
什么是DOM? DOM (Document Object Model) 译为文档对象模型,是 HTML 和 XML 文档的编程接口。HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 以树结构表达 HTML 文档。HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它 ...
分类:
编程语言 时间:
2019-11-10 19:10:00
阅读次数:
104
DOM 操作元素 JavaScript的DOM操作可以改变网页内容、结构和样式。我们可以利用DOM操作元素来改变元素里面的内容、属性等。 DOM操作元素: 一、操作元素:(一)innerText 、(二)innerHTML 二、操作常见元素属性:src、href、title、alt等; 三、操作表单 ...
分类:
其他好文 时间:
2019-11-09 00:30:06
阅读次数:
87
平时工作中会遇到动态给某个div加子元素,有时候为了简便,直接如下写法: var oBox = document.getElementById('box'); oBox .innerHTML = '<button onclick="change();">子元素</button>'; 还顺便给子元素添 ...
分类:
其他好文 时间:
2019-11-07 18:59:54
阅读次数:
103