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

javascript – 获取当前元素类型【代码】

如何在下面找到el标签名称(例如div,p或span)?$('div, p, span').each(function(){ var el = $(this);});解决方法:如果考虑浏览器之间的一致性,则使用no??deName优于tagName.这有很好的解释:Difference between .tagName and .nodeName$('div, p, span').each(function(){ var el = this.nodeName; });

javascript – 获取当前浏览器窗口中心【代码】

如何获得浏览器窗口高度,以便找到中心位置? 我只需要窗口高度,而不是网页高度. 我尝试了$(window).height()/ 2,但只有当浏览器从页面顶部有焦点时它才有效.如果我向下滚动,我会得到错误的中心.解决方法:要获取当前可视区域中心的y值,请使用:$(window).scrollTop() + $(window).height() / 2我在这个页面上试了一下,打开了Web Inspector并输入:$('<p>').text('test').appendTo('body').css({position: 'absolute', top: $(window...

javascript – 获取元素的表父【代码】

我在表中动态创建了一个带有类x的div.我怎样才能用JavaScript捕获这个div的表父类并给它一个特定的类? 通过tr和td父节点没有工作.有任何想法吗?解决方法:假设没有涉及库.function getNearestTableAncestor(htmlElementNode) {while (htmlElementNode) {htmlElementNode = htmlElementNode.parentNode;if (htmlElementNode.tagName.toLowerCase() === 'table') {return htmlElementNode;}}return undefined; }var table = getNear...

javascript – 获取div的高度并使用它设置另一个div的高度【代码】

我有两个div,既没有在css中设置高度,因为我想采取它们最终的任何高度,并将另一个div设置为该高度. 我的javascript就是这个function fixHeight() {var divh = document.getElementById('prCol1').height;document.getElementById('prCol1').innerHTML = '<ul><li>' + divh + '</li></ul>';document.getElementById('prCol2').style.height = divh + 'px'; }我有以下代码行,看看我是否得到了某种实际的响应.document.getElementById(...

javascript – 获取子项的父级索引()值【代码】

如何获取与单击的子元素$(this)元素相关的父元素的索引值? HTML<html><body><header><div class="gallery"><div class="controls"><button class="next"></button><button class="previous"></button></div></div></header><section><section><article><div class="gallery"><div class="controls"><button class="next"></button><button class="previous"></button></div></div><div class="gallery"><div class="controls"><bu...

javascript – 获取多维数组的N个元素的所有组合【代码】

我正在尝试编写一个算法来获取M个元素的多维数组中N个元素的所有可能组合. 就像是:function getCombinations(arr, n){... }var arr = [ ["A"],["B","C"],["D","E"]]; var n = 2;getCombinations(arr,n);这应该产生:[ ["A","B"],["A","C"],["A","D"],["A","E"], ["B","D"],["B","E"], ["C","D"],["C","E"] ]数组内部的元素数量可能会有所不同,唯一设置的是元素的组合数量. 顺序没关系,但你不能重复,我的意思是[“A”,“B”] == [“...

javascript – 获取每个可能的元素组合【代码】

你如何获得数组中2个元素的所有可能组合? 例如:[1, 2, 3, 4 ]becomes[[1, 2], [1, 3], [1, 4], [2, 1], [2, 3], [2, 4],[3, 1],[3, 2],[3, 4],[4, 1],[4, 2],[4, 3] ]这个答案使用蛮力但是有一种功能性的方式与Ramda和或currying? Derive every possible combination of elements in array解决方法:这是一个优雅的解决方案:// permutations :: Number -> [a] -> [[a]] const permutations = R.compose(R.sequence(R.of), ...

javascript – 获取两点之间的坐标【代码】

我在画布上画画,我希望在另外两点之间得到一个点.我有:let uno = {x:100, y:200}; let dos = {x: 900, y:2000}; let length = 20; //px如何通过距离以像素长度(从uno开始)获取uno和dos之间的点?示例中的图像解决方法:使用三角学:function lenpoint(x1, y1, x2, y2, len) {var dx = x2-x1, dy = y2-y1;var theta = Math.atan2(dy, dx);var xp = len * Math.cos(theta), yp = len * Math.sin(theta);return [xp + x1, yp + y1]; }

javascript – 获取内容脚本以在页面加载时附加图像【代码】

我刚刚开始学习如何为Google Chrome进行扩展.到目前为止,我有一个非常基本的理解,所以我想尝试一些小的东西. 现在,我试图在每次加载页面时将图像附加到特定页面上的特定div.扩展加载正确,但javascript代码似乎永远不会运行,图像永远不会被加载. 这是我到目前为止的manifest.json文件:{"manifest_version": 2,"name": "Icon Creator","description": "Creates a custom icon for page","version": "1.0","content_scripts": [{"mat...

如何使用Javascript获取所有孩子(即孩子的孩子)?【代码】

我需要一个javascript函数或一个CSS Selector(甚至一个ProtoypeJS函数),它可以获取特定元素下的所有元素(即后代). 我知道有一些CSS选择器,例如:’p,a,div’,这将获得这三种类型的所有元素.但是我需要在没有指定类型的情况下获得所有内容. 即.我想要类似的东西myElement.getElements('*')解决方法:兼容IE的所有版本,而不仅仅是IE8 ……myElement.getElementsByTagName("*")*被视为getElementsByTagName的特殊情况,无论标记名称如何...

javascript – 获取与js对象中的值对应的键【代码】

我有一个对象,例如:var inspectionMapping = {'a_pillar_lh' : "A Pillar LH",'b_pillar_lh' : "B Pillar LH"};console.log(inspectionMapping['a_pillar_lh']); // Which gives me correct "A Pillar LH".我能够获得与key对应的值. 但是我无法获得与javascript对象中的值对应的键. 比如我有“A Pillar LH”,我需要得到相应的密钥a_pillar_lh. 我试过使用indexOf但没有成功.解决方法:您可以使用Object.keys()简单地获取所有键,然...

使用javascript获取页面中的所有元素【代码】

无论如何,我可以得到所有< a>在页面中,我想为所有这些目标应用新目标.解决方法:您可以使用document.links或者在jQuery中$('a')或在DOM中document.getElementsByTagName('a')

javascript – 获取单击按钮的ID【代码】

所以,我一直在摸不着头脑,获取点击按钮的ID,但无法正确使用.它总是让我不确定. 这是小提琴:http://jsfiddle.net/thinkinbee/mx0rb5cy/ 有什么东西我没有包含在我的小提琴中吗? .我的JS代码有什么问题吗? 我参考了之前的问题,但似乎没有任何效果.我试图同时实现$(this).attr(“id”)和this.id,但是没有积极的结果. 此外,在更长的时间里,我的所有按钮都会动态出现.我需要处理的其他东西呢?解决方法:如果按钮是动态的,你应该使用d...

javascript – 获取Map.prototype.forEach()中的索引【代码】

Map.prototype.forEach采用两个参数进行回调:值和键.是否可以获取每个条目的索引,类似于Array.prototype.forEach((value,index)=> {})解决方法:Map.prototype.forEach takes callback with two params: value and key.不,它是invoked with three arguments,就像Array#forEach一样.第三是地图.Is it possible to get the index of each entry, similar to Array.prototype.forEach(functcion(value, index) => {})(相当确定其中的功...

javascript – 获取body ID的值并将其存储为js中的变量【代码】

我需要根据body标签ID更改页面内的内容. 我的代码似乎不起作用,你能帮忙吗?function changeHeaderTitle(){var bodyId = document.getElementsByTagName("body").id;alert(bodyId); }这只是回应“未定义”.解决方法:getElementsByTagName返回节点集合,即使集合绑定只包含一个元素也是如此.尝试var bodyId = document.getElementsByTagName("body")[0].id; // select the first (and only) body: ^^^还是更好var bodyI...

元素 - 相关标签
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 全部