Tag: getelementbyid

如何在用户脚本中使用jQuery在弹出窗口中引用div？: 我的TamperMonkey用户脚本生成一个空的弹出窗口，我使用userscript + javascript成功写入了一个带有指定id的div 。然后我希望使用jQuery（必须是jQuery，而不是javascript !!!）来引用该div元素。我的问题类似于这个问题，除了我需要引用一个特定的div而不仅仅是引用示例中使用的body 。这是我的代码： // ==UserScript== // @name test // @include https://www.google.com/* // @require https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js // @require https://code.jquery.com/jquery-migrate-3.0.1.js // @require https://apis.google.com/js/client.js?onload=handleClientLoad // @require http://jvenn.toulouse.inra.fr/app/js/canvas2svg.js // @require http://jvenn.toulouse.inra.fr/app/js/jvenn.min.js // ==/UserScript== this.$ = this.jQuery = jQuery.noConflict(true); {code for a button that, when pushed, directs to the following function} function buttonPushed() { var […]

如果我使用“getElementById”来改变单个对象的CSS样式，我该如何改变inheritance该样式的所有元素？: 我见过的所有示例都使用“getElementById”来获取单个元素，然后为该单个元素更改该样式。我正处于需要使用样式修改页面上所有匹配元素的情况。我需要改变字体大小，高度和宽度。我该怎么做，是jQuery需要还是可选的？我问的原因是因为这个站点不使用jQuery而我宁愿不下载整个库只是为了完成这一件事。更新作为一个例子，假设我在页面上有几个具有此样式的元素： .outerContact { border: 0px; margin: 7px; float: left; padding: 0px; background: url(/TLSADMIN/UserControls/contactsgrid/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */ } .contactLarge{ height: 163px; width: 250px; border: 1px solid #ccc; border-top: 1px solid […]

如何使用jQuery从id获取html: 我有简单的清单： data data data data 现在：我如何获取第一个元素的html，具体取决于ID。我想补充说，只需点击按钮，所有ID都会动态变化。这是我的代码： btn.on(‘click’,function(){ var ladder_nav_tabs = $(‘#tabs_nav’), first_ladder_element_inset_id = ladder_nav_tabs.find(‘li’).first().attr(‘id’), first_ladder_element_inset_html = ladder_nav_tabs.find(first_ladder_element_inset_id).html(); console.log(first_ladder_element_inset_html); }); 谢谢你的帮助。

document.getElementByID不是函数: 我正在学习jQuery并且正在学习一个教程，一个非常奇怪的错误困扰着我。这是我的HTML： Simple Task List 和jQuery： $(document).ready(function(){ //To add a task when the user hits the return key $(‘#task-text’).keydown(function(evt){ if(evt.keyCode == 13) { add_task(this, evt); } }); //To add a task when the user clicks on the submit button $(“#add-task”).click(function(evt){ add_task(document.getElementByID(“task-text”),evt); }); }); function add_task(textBox, evt){ evt.preventDefault(); var taskText = textBox.value; $(“”).text(taskText).appendTo(“#tasks”); textBox.value = “”; […]

getElementById仅为第一个元素返回值: 我有一个脚本，在一些生成的元素上请求调用，并按ID选择指定的元素。我遇到的奇怪问题是，select非常适用于页面上的第一个项目，但对于每个其他项目都返回null。可能是什么原因造成的？这是相关的Javascript： function showFrame(content, id, vid, crating) { var container = document.getElementById(vid+’_container’); $(‘#’+vid+’_embed’).html(content); $(‘#’+vid+’_embed iframe’).attr(‘SCROLLING’, ‘YES’); var linkform = document.getElementById(vid + ‘_linkform’); linkform.setAttribute(‘action’, ‘{{ url(‘/links/reportLink/’) }}’ + ‘/’ + id); $(document).on(‘submit’, ‘#’ + vid+ ‘_linkform’, function() { $.ajax({ url : $(this).attr(‘action’), type : $(this).attr(‘method’), data : $(this).serialize(), beforeSend: function() { $(‘#ajax-loading’).show(); }, success […]

与原生DOM方法相比，为什么jQuery选择器的function如此之慢: 我知道这个话题已经被多次辩论过了，但是我正在寻找更加技术性和详细的洞察力来了解真正发生的事情。我设计了一系列测试来比较jQuery最基本的选择器’#id’和’.class’与各种原生DOM方法的速度。我希望找出结果是什么的确切原因。以下是测试： http ： //jsperf.com/jqueryspeed 最值得注意的是，getElementById显然是最快的。为了比较，我添加了jQuery（’＃id’）和jQuery.fn.init（’＃id’）作为测试，两者之间的区别在于第一个确实实现了一个全新的jQuery对象，而第二个是只运行原型函数，因此更快。所以，这两者之间的区别是可以理解的。然而，我不理解的主要区别是getElementById的速度和jQuery.fn.init的速度之间的巨大差距，它有一个简单的测试来以特定的方式处理一个简单的（’#id’）请求，回到对getElementById本身的调用。那么，为什么例如在Chrome上，这种方法比原生方法快8倍，即使它基本上只是它的包装？它也比包装的getElementById $（document.getElementById（’＃id’））慢约3-4倍… 有什么想法吗？