【JavaScript获取页面元素的常用方法】教程文章相关的互联网学习教程文章

javascript – 获取JQuery中拖动项的位置【代码】

在将项目拖动到新位置时,我想输出项目的新位置.例如 Col = 1位置= 3 意味着小部件已被移动到第一个col 3rds down. 我正在使用这个脚本http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/ 我认为最好的地方就在下面.但是我试过了ui.item.index获取新位置,这只是给我值 – 1而不是拖动对象的位置为例外.有任何想法吗?$(settings.columns).sortable({items: $sortableItems,connectWith: $(settings.columns),handle: se...

从JavaScript开始获取页面加载的时间

在JavaScript中,可以等待onLoad,它可用于指定页面加载完成的时间. 每个HTTP响应都与Date:header一起发送,其中包含时间服务器发送的响应. 有没有办法在JavaScript中获取页面开始加载的时间?类似于响应日期:标题. 对于在一段延迟之后将JavaScript注入页面的情况,它将非常有用.解决方法:new Date(performance.timing.connectStart)在chrome,firefox,IE9等 demo

从javascript获取外部JSON文件 – 本地网站【代码】

我想知道是否有办法从javascript文件中获取多个外部JSON文件. 我的网站在本地计算机上运行.我在这台机器上有几个JSON文件: file1.json:{ "info1": "foo1", "info2": "foo2", "info3": "foo3", "info4": "foo4"}file2.json:{ "info5": "foo5", "info6": "foo6", "info7": "foo7", "info8": "foo8"}等等.. 我想通过javascript访问我网站上的这些文件,以便进行研究. 你知道这样做的方法吗? 谢谢你的帮助 约翰解决方法:您可以使用A...

javascript – 获取工具提示的宽度并计算位置(Twitter Bootstrap)【代码】

这是我previous question的后续行动. 我需要动态地放置Bootstrap工具提示.为此,我需要知道触发工具提示的元素的位置(正常工作)和应该显示的工具提示的宽度: 编辑以澄清:我的工具提示是动态生成的,然后插入到内容中.例如,如果它们太靠近屏幕的左边缘,我需要将它们放置在“右边”而不是“顶部”.现在我想得到工具提示的宽度,只有当它实际出现在屏幕外时才“正确”.$('body').tooltip({delay: { show: 300, hide: 0 },selector: '[r...

javascript – 获取动态创建的元素jQuery的id【代码】

我正在使用下拉列表生成一些输入字段.我现在希望输入到这些输入字段的文本能够自动更新范围.但是,由于输入字段是动态生成的,因此我很难使用jQuery 谢谢你的帮助! HTML:<div id="url">https://api.test.com<span id="endpoint" readonly="readonly"> </span> </url><div class="control-group"><label class="control-label" for="selectbasic">Endpoint</label><div class="controls"><select id="dropdown" name="selectbasic" ...

javascript – 获取与react-dom相关的错误【代码】

我刚刚更新了我的节点和npm安装,现在运行我的项目时出现错误.我正在使用“反应”:“^ 0.13.3”和“react-dom”:“0.14.0-beta3”npm WARN unmet dependency /Users/hilarl/Desktop/client/node_modules/react-dom requires react@'^0.14.0-beta3' but will loadnpm WARN unmet dependency /Users/hilarl/Desktop/client/node_modules/react,npm WARN unmet dependency which is version 0.13.3react-dom requires react@'^0.14.0...

如何使用javascript获取HTML表格内容?【代码】

我正在创建一个Greasemonkey脚本,它将基于文本的游戏中的信息读取并存储到数据库中以供将来使用. 我想要的是能够读取用户的统计数据并将这些统计数据转换为变量,以便我可以继续使信息变得有用. 这是表格的源代码,我想从中获取统计信息:<table width="100%"> <tr> <td width="50%" valign="top" style="padding-right: 25px;"><table class="table_lines" width="100%" cellspacing="0" cellpadding="6" border="0"><tr><th colsp...

javascript – 获取Bookshelf.js模型时使用“new”的区别是什么?【代码】

Bookshelf.js文档的代码示例包含“new”且没有“new”: 这里http://bookshelfjs.org/#Model-instance-hasManylet Author = bookshelf.Model.extend({tableName: 'authors',books: function() {return this.hasMany(Book);} });// select * from `authors` where id = 1 // select * from `books` where author_id = 1 Author.where({id: 1}).fetch({withRelated: ['books']}).then(function(author) {console.log(JSON.stringify(...

Javascript – 获取循环功能【代码】

我必须遵循以下代码:var box = document.getElementsByClassName('Box');for(i=0; i<box.length; i++){box[i].onclick = function(){this.classList.toggle('active');}; }我试图让这个函数脱离这个循环,但它似乎不起作用.有什么建议?//get function out of the loop var box = document.getElementsByClassName('Box');for(i=0; i<box.length; i++){box[i].onclick = getBlue(); } function getBlue(){this.classList.toggle('a...

javascript – 获取没有密钥的第一个firebase子项【代码】

参见英文答案 > JavaScript Firebase: Query Snapshot Always Null 2个我试图获得firebase对象的第一个孩子.我的参考文件如下:var sitesToVisitRef = firebase.database().ref('sitesToVisit')我知道ref是有效的,因为我可以写信给它.我的数据结构可能如下所示:sitesToVisit:arstechnica-com:url: "https://arstechnica.com"但是,我不知道密钥(arstechnica-com),但我需要获取网址. 我正在尝试...

javascript – 获取选择器选项的URL并将其添加为“提交”按钮的链接【代码】

我试图在选择器中获取选项的URL值并将其添加到“提交”按钮,这样当用户选择选项1时,其URL将添加到“提交”按钮URL中. 例如,如果选项1网址是<选项>< a href =“https://example.com/1”> 1< / a>< / option>该按钮应该在https://example.com/1链接后面 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form><div class="form-row"><div class="form-group col-md-12"><label for="inpu...

javascript – 获取已调用静态函数的类的名称【代码】

所以我的问题如下:我可以得到一个函数被调用的类的名称吗?为了说明这个问题,我将给出一个简短的代码示例.class Base {static getClassName() {// get the caller class here} }class Extended extends Base { }Base.getClassName(); // Base Extended.getClassName(); // Extended任何人都可以告诉我如何做到这一点,或者说这是否可能.解决方法:以下代码应该有效:class Base {static getClassName() {return this.name;} }class ...

javascript – 获取div的计算字体大小【代码】

众所周知,HTML元素的字体大小可以显式设置为style =“font-size:10px”,也可以由浏览器根据样式表和父属性的规则和属性进行计算. 在javascript中计算字体大小值可能是一项相当复杂的任务,因为正确的结果可能取决于元素className属性中不一定存在的类. 有没有办法直接得到计算出的字体大小,比如div.style [‘calculated-font-size’]? – thanx解决方法:function elementCurrentStyle(element,styleName){ if(element.cur...

javascript – 获取HTML列表中项目的位置【代码】

参见英文答案 > Get index of clicked element in collection with jQuery 5个我需要知道HTML列表中项目的位置.<ul><li>first</li><li>second</li><li>third</li> </ul>$('ul').on("click", function(event){var target = event.target; })所以当我把第一个李作为事件的目标时.如何获得项目位置的结果为0.我能想到的唯一方法是迭代所有项目并将它们与事件目标进行比较,但我想知道是否有更好的方...

javascript – 获取div中的所有元素并使用tab键导航该div中的这些元素【代码】

我需要使用tab键更改div中元素的焦点.焦点不应该远离div中的元素.如何才能做到这一点.我正在尝试这种方法: 1)将div中的所有元素都放到一个数组中 2)将一个按键事件绑定到数组中的每个元素,并将nxt元素传递给它 3)通过将焦点移动到下一个元素的函数来处理按键. 示例代码:var elements = jQuery('xxx'); elements.each(function (index, element) { element.bind("keypress", { nxt:elements[index+1] }, function(e) {var keyCode...

元素 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部