草庐IT

伪元素

全部标签

javascript - 元素偏移量始终为 0

单击链接时,我正在使用带有链接列的表我想获取行的偏移量。我尝试使用element.offsetTop和$(element).offset().top并且都返回0父元素也返回0作为它们的偏移顶部。我试过了functiongetTop(element){vartop=findPosY(element);console.log(top);}functionfindPosY(obj){varcurtop=0;if(obj.offsetParent){while(obj.offsetParent){curtop+=obj.offsetTopobj=obj.offsetParent;}}elsei

javascript - 如何引用 visualforce 中指定的 html 元素 id 并传递给 javascript 函数?

我有生成输入文本字段的apex标签。当有人点击这个字段时,我要执行javascript。但是当我检查HTML源代码时,这个成为输入标签的apex标签有(我认为)动态生成的部分。如您所见,id有垃圾部分:(id="j_id0:j_id3:j_id4:c_txt"在我的Javascript中,我正在尝试getElementById('c_txt')但这当然不起作用。这个怎么处理???更新似乎我可以做到这一点,但行不通......日期选择器varelem=getElementById('c_txt');alert(elem);警报显示“null”,所以一定是出了什么问题。即使此警报也返回nu

javascript - 如何为 DOM 元素生成唯一的 css 选择器?

我需要为元素生成唯一的css选择器。特别是,我有onclick事件处理程序,它应该记住目标元素被点击并将此信息发送到我的服务器。有没有办法在不修改DOM的情况下做到这一点?附言我的javascript代码应该在不同的上运行第3方网站,因此我无法对html做出任何假设。 最佳答案 此函数创建了一个很长但非常实用的唯一选择器,运行速度很快。constgetCssSelector=(el)=>{letpath=[],parent;while(parent=el.parentNode){path.unshift(`${el.tagName}

javascript - JQuery:如何为元素分配字体

是否可以在jQuery中检索元素的指定字体?假设有css:#element{font-family:blahblah,Arial;}在上面的示例中,Arial字体将分配给#element。有没有办法通过JS/JQuery获取该信息?类似于:$('#element').css('font-family');只返回blahblah,Arial; 最佳答案 (function($){$.fn.detectFont=function(){varfonts=$(this).css('font-family').split(",");if(fo

javascript - 如何将支持 Angular 的元素添加到 DOM?

我想以编程方式添加一些支持Angular的DOM元素。实际上,我可能需要添加自定义组件。我该怎么做?这里有一个简单的fiddle来演示这个问题:http://jsfiddle.net/ZJSz4/2/HTML:Add{{test}}JS:angular.module("main",[]).controller("MyCtrl",function($scope){$scope.add=function(){$("#container").append("{{test}}");};$scope.test='TestMessage';});以防万一,我希望它为每次点击添加一个显示“测试消息”

javascript - 使用 jQuery 调整元素滚动的 CSS 不透明度

您好,我想将两个div的CSS不透明度与该元素的滚动量绑定(bind)。例如假设我有两个div:当红色div进入视口(viewport)时,其不透明度从0变为100-取决于滚动量。同样,当蓝色div进入视口(viewport)时,其不透明度从100变为0,具体取决于滚动量。我找到了这个Jquery/JavascriptOpacityanimationwithscroll-varfadeStart=100//100pxscrollorlesswillequivto1opacity,fadeUntil=200//200pxscrollormorewillequivto0opacity,fa

javascript - 我如何等待元素在 WebDriverJS 中可点击?

有人知道如何等待WebElement在WebDriverJS中可点击吗??我已经知道如何等待元素“可见”,但我需要它是“可点击的”。类似于expectableconditions的东西在Python绑定(bind)中。我没能在WebdriverJsAPI中找到类似的东西。 最佳答案 似乎没有等同于Python的selenium.webdriver.support.expected_conditions.element_to_be_clickable的条件。但是,查看该条件的来源,我发现它进行了两项检查:元素可见。它已启用。因此您可以

javascript - html元素形式的条件显示

好吧,在对javascript进行了一个小时的介绍之后,我想出了以下代码。它很好地完成了我想要的,但后来我想要别的东西,但它不起作用。我希望在点击一个按钮时,某个字段会隐藏,然后点击另一个是的,另一个也会隐藏,但是,当然,它必须显示另一个,否则我们将一无所获目的是根据用户点击的内容(在单选按钮上)显示不同的字段所以我以一种幼稚的方式编写了我的代码并且它起作用了。但后来我想到我首先要隐藏两个字段而不是显示两个字段,这就是问题所在。我在“告诉它”函数的参数中添加了一个0值,当x=0时,可见性=隐藏。但它不会听我的!所以,当它说x=1和2时,代码的那一部分有效,关于0的那部分无效。这是一个如

javascript - 在 dom 元素中存储自定义数据

这是错的吗?如果是,为什么?varelm=document.getElementById("myElm");elm.customValue={attr1:"test",attr2:"test"};我了解如何使用数据属性,但我不想用所有这些属性弄乱我的dom。 最佳答案 这会在某些浏览器中引入内存泄漏,因为您将原生C对象(DOM元素)和JS对象绑定(bind)在一起,而某些垃圾收集算法无法处理此问题。IE就是其中之一。这是一篇关于IE内存泄漏的MSDN文章:http://msdn.microsoft.com/en-us/library

javascript - 如何在 DOM 中创建没有 SVG 元素的 SVG 矩阵

我一直在访问SVGMatrix原型(prototype),以利用其强大的矩阵转换功能。这些转换不一定与任何SVG元素相关varsvgElement=$('svg')[0];varsvgMatrix=svgElement.createSVGMatrix()Object.create(svgMatrix.__proto__)本质上,我希望能够像第二行那样创建一个svgMatrix,而不是像第1行那样首先依赖DOM中的svg元素。 最佳答案 怎么样varmatrix=document.createElementNS("http://www