草庐IT

查找HTML元素

全部标签

javascript - AngularJS:让元素跟随光标

jsfiddle在这里:https://jsfiddle.net/Flignats/jzrzo56u/3/我的页面上有一个最初隐藏的元素(弹出窗口)。当页面上的另一个元素悬停时,我希望弹出窗口显示在光标旁边。在我的fiddle中,我有3个段落和弹出框。当用户的光标进入段落​​时,将显示弹出框。当用户的光标离开该元素时,弹出窗口将不再显示。我在检索光标坐标和将弹出窗口定位在光标附近时遇到问题。感谢任何帮助:)Angular代码:varapp=angular.module('myApp',[]);app.controller('Ctrl',['$scope',function($scope

javascript - 如何动态设置 HTML lang 属性?

如何在Web应用程序中动态设置HTML的“lang”属性?我尝试使用jQuery如下插入“lang”属性:$(document).ready(function(){$("html").attr("lang",language);//'language'valueisretrievedfromacookie});使用控制台/警报,'lang'属性看起来已按预期设置。但是,如果您看到生成的源代码(查看源代码),则根本没有设置“lang”。要求是屏幕阅读器必须能够动态识别语言。如果有任何其他解决方案可以使屏幕阅读器动态识别语言,那就太好了。感谢大家在线发表评论!

javascript - 查找 javascript new Function() 构造函数抛出的 SyntaxError 的详细信息

当使用newFunction(params,body)构造函数从JavaScript代码创建新函数时,在body中传递无效字符串会产生SyntaxError。虽然此异常包含错误消息(即:Unexpectedtoken=),但似乎不包含上下文(即发现错误的行/列或字符)。fiddle示例:https://jsfiddle.net/gheh1m8p/vartestWithSyntaxError="{\n\n\n=2;}";try{varf=newFunction('',testWithSyntaxError);}catch(e){console.log(einstanceofSyntaxE

javascript - 选择多个元素 height();

我只是想知道为什么这个jQuery不能工作:hdr=$('.header-wrapper,#top-bar,#new-showroom-header').height();如您所见,我正在尝试获取多个元素的高度并将它们全部存储在我的变量中。我希望jQuery将所有元素的高度加在一起以创建最终值,但是当我console.log变量hdr时,我得到了所选第一个元素的高度。知道如何全选并将它们存储到我的var中吗? 最佳答案 使用$.each()得到高度的总和。varhdr=0;$('.header-wrapper,#top-bar,#n

javascript - 在 ng-if 中设置监视元素

假设我有以下观点:在Controllersome中设置:foo.controller('fooFoo',functionfooFoo($scope){$scope.some="something";$scope.$watch('foo.Bar',function(nVal,oVal){etc...});});如果输入位于带有ng-if的div中,则watch不起作用。为什么?我能以某种方式让它发挥作用吗? 最佳答案 您必须在Controller中创建foo的空对象。foo.controller('fooFoo',functionfo

javascript - 用 HTML 字符替换句点

我的一些代码有问题。我输入了一个输入,段落中的文本使用突出显示。.但是,当我添加一个句点以突出显示所有句点时,代码会崩溃并为我提供实际的html代码并随机突出显示。所以我尝试添加一个替换器来更改周期。现在它不会panic,但不会突出显示任何内容。这是我尝试用html字符数(.)替换句点的代码:vari=document.getElementById("Bar").value;varinpu=$.trim(i);varinp=inpu.replace(".",".");varSearchReq=newRegExp("(\\b"+inp+"\\b)","gim");varN

javascript - 读取 HTML 对象标签中的数据

我在服务器上存储了一个文本文件和一个HTML格式的对象,如下所示:如何在Javascript中读取test.txt的内容?到目前为止我所拥有的是:vardata=document.getElementByID("data");但我不知道如何读取对象标签内的HTML文档。 最佳答案 object标签必须向服务器发出单独的请求,然后加载该内容。同时,您的JavaScript已经执行并“错过了公交车”。在object的onload事件中运行您的代码。然后使用.contentDocument.body.childNodes[0].inner

javascript - 使用javascript匹配字符串中数组的元素之一

我正在尝试创建一个函数,如果在另一个字符串中找到至少一个字符串数组的元素,该函数将返回true。functionfindInString(str){varfruits=["orange","banana","grape"];for(vari=0;i-1){returntrue;}}returnfalse;}vara=findInString("Iloveorangejuice.");//=>returnstruevarb=findInString("Idon'tlikepeach.");//=>returnsfalse这个函数可以解决问题,但我确信可能有一些数组或字符串方法可以执行相同

javascript - 在 MediaSource HTML5 中播放 MediaRecorder block ——视频卡住

我有这个简单的代码来获取视频流block并在MediaSource中播放它们。我看到视频,但有时它会停止。它可能会工作几秒钟或几分钟。但最后它在某个时刻停止了。chrome://media-internals/显示没有错误。这里有什么问题吗?navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;varmediaSource=newMediaSource();varconstraints

javascript - 从 react 组件中的html文件中的脚本标签访问变量

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭6年前。Improvethisquestion我最近才开始研究javascript和React.js。目前我的main.html文件中有一些脚本标签,我需要能够从我的React.js组件中的这些标签访问一些变量。有办法做到这一点吗?